append appendChild appendTo區別

標籤：

1.append和appendChild的區別

append是jquery文檔操作用法

① append() 方法在被選元素的結尾（仍然在內部）插入指定內容。

$(selector).append(content)

1 $("button").click(function(){2   $("p").append(" <b>Hello world!</b>");3 });

②使用函數在指定元素的結尾插入內容。

$(selector).append(function(index,html))

1 $(document).ready(function(){2   $("button").click(function(){3     $("p").append(function(n){4       return "<b>This p element has index " + n + "</b>";5     });6   });7 });

appendChild

appendChild() 方法在指定元素節點的最後一個子節點之後添加節點。

該方法返回新的子節點。

appendChild(node)

1 　　<div id="div1">回首向來蕭瑟處，歸去，也無風雨也無晴</div>2     <script type="text/javascript">3     　　var op=document.createElement(‘p‘);4     　　var odiv=document.getElementById(‘div1‘);5     　　op.innerHTML="是的啊";6     　　odiv.appendChild(op);7     </script>

返回結果是

<div id="div1">回首向來蕭瑟處，歸去，也無風雨也無晴<p>是的啊</p></div>返回了p節點2.append和appendTo appendToappendTo() 方法在被選元素的結尾（仍然在內部）插入指定內容。

$(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");

append appendChild appendTo區別