jquery中的append和appendTo用法

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

JavaScript代码

<script type="text/javascript" src="js/jquery.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
        $("p").append("<b>Hello</b>");

})
</script>

 

XML/HTML代码

<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代码

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

 

XML/HTML代码

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

 

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