jquery中的append和appendTo用法

append(content)：向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。

JavaScript代码

1. <script type="text/javascript" src="js/jquery.js" language="javascript"></script>
2. <script type="text/javascript" language="javascript">
3. $(document).ready(function(){
4. $("p").append("<b>Hello</b>");
5. })
6. </script>

XML/HTML代码

1. <p>I would like to say: </p>

将返回[ <p>I would like to say: <b>Hello</b></p> ]

appendTo(content)：把所有匹配的元素追加到另一个、指定的元素元素集合中。
实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

JavaScript代码

1. <script type="text/javascript" src="js/jquery.js" language="javascript"></script>
2. <script type="text/javascript" language="javascript">
3. $(document).ready(function(){
4. $("p").appendTo("#foo");
5. })
6. </script>

XML/HTML代码

1. <p>I would like to say: </p><div id="foo"></div>

将返回：<div id="foo"><p>I would like to say: </p></div>