0.异同
一正一反 顺序不一样而已啊!
1.append
1.1简述
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
1.2例子
在每个 p 元素结尾插入内容:
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
2.appendTo
2.1简述
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。
提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。
2.2例子
$(document).ready(function(){
$("button").click(function(){
$("<b> Hello World!</b>").appendTo("p");
});
});
</script>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>