《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.6 技巧：使用append()和appendTo()添加内容

本节书摘来自异步社区《jquery、jquery ui及jquery mobile技巧与示例》一书中的第3章，第3.6节，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章节内容可以访问云栖社区“异步社区”公众号查看

html()方法会替换元素的当前内容，因此将由你负责维护当前元素的内容。代码清单3-6演示了如何使用append()和appendto()添加元素而不影响元素的当前内容。

代码清单3-6　演示append()和appendto()之间的区别

append()和appendto()之间的主要区别在于：是作用于目标元素而把要添加的html字符串作为参数，还是作用于要添加的html字符串而把目标元素作为参数。append()函数把内容插入到调用元素之后，如第27行所示；而appendto()函数则恰好相反，被插入的内容作为选择器参数，如第31行所示。从直观的角度来看，当添加的是jquery对象时这往往会觉得容易接受一些1。append()和appendto()函数的参数可以是dom元素、html字符串、jquery对象和函数。

警告

如果需要添加很多个html元素，最好是先把html拼成一个长字符串，然后用一次函数调用来添加它。append()和appendto()函数会影响html文档树，从而导致操作变得较慢。