.appendChild() 添加到父级的尾部。
append(content)向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。appendTo(content)把所有匹配的元素追加到另一个、指定的元素元素集合中。
实际上，append(content)向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
appendTo(content)
把所有匹配的元素追加到另一个、指定的元素元素集合中。
实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
<html>
<head>
<script type="text/网页特效" src="js/jquery-1.3.2.js"></script>
<style type="text/css教程">
.changeP { font-weight: boldcolor:red}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("<div><p>Hello</p></div>").appendTo("body")
})
</script>
</head>
<body>
<form>
<input type="radio" value="Option">
</form>
</body>
</html>
. appendTo(content): 将所有匹配的元素添加到另一个特定的目标元素中(加入作为最后一个子节点)
2.prependTo():同样的, 将所有匹配的元素添加到另一个特定的目标元素中.(加入作为第一个子节点)
不难发现两者的区别了.以后,使用时要注意呦!
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("<p>data</p>").appendTo("body")
})
</script>
</head>
<body>
</body>
</html>
向htm元素增加模板
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").appendTo( $("b") )
})
</script>
<style>
.selected { color:blue}
</style>
</head>
<body>
<body>
<b>asdf</b><p>asdf: </p>
</body>
</html>
如果appendTo没有生效，证明目标节点没有找到，请检查目标节点的取法是否正确。
也困惑了了很久这个问题，根据查看源码得知，错误的原因是这个vm实例没有指定el挂载点。而且官网下载的vue.js使用$appendTo方法，如果传递id，class，html选择器过去的话，始终会得到null，而传递dom对象是可以的。
