append & appendTo usage on jquery

append & appendTo is an pair method,it is an opposite method
e.g
$("div").append("xx");
put xx to all mached div
"xx"can be select element such as $("h1") or plain string.

$("xx").appendTo("div")
move xx element into all matched div,caution:xx must be element



reference
http://www.phpzixue.cn/detail1017.shtml
jquery中的append和appendTo函数的用法简介:
1. append(content)函数
append函数向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
js代码：
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").append("<b>Hello php自学网</b>");
})
</script>
HTML代码
<p>I would like to say: </p>
将返回[ <p>I would like to say: <b>Hello php自学网</b></p> ]
2. appendTo(content)函数
appendTo函数把所有匹配的元素追加到另一个、指定的元素元素集合中。
实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
js代码
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").appendTo("#foo");
})
</script>
HTML代码
<p>I would like to say: </p><div id="foo"></div>
将返回：<div id="foo"><p>I would like to say: </p></div>