1.append和appendChild的区别
append是jquery文档操作用法
① append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
$(selector).append(content)
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
②使用函数在指定元素的结尾插入内容。
$(selector).append(function(index,html))
$(document).ready(function(){
$("button").click(function(){
$("p").append(function(n){
return "<b>This p element has index " + n + "</b>";
});
});
});
appendChild
appendChild() 方法在指定元素节点的最后一个子节点之后添加节点。
该方法返回新的子节点。
appendChild(node)
<div id="div1">回首向来萧瑟处,归去,也无风雨也无晴</div>
<script type="text/javascript">
var op=document.createElement('p');
var odiv=document.getElementById('div1');
op.innerHTML="是的啊";
odiv.appendChild(op);
</script>
返回结果是
<div id="div1">
回首向来萧瑟处,归去,也无风雨也无晴
<p>是的啊</p>
</div>
返回了p节点
2.append和appendTo
appendTo
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。
$(content).appendTo(selector)
$("button").click(function(){
$("<b>Hello World!</b>").appendTo("p");
});
append 和appendTo都是jquery的用法,所以append或appendTo前的元素一定是jquery对象。
$("p").append("<a>111</a>")等价于$("<a>111</a>").appendTo($("p");