append和appendTo的區別以及appendChild用法

append和appendTo的區別以及appendChild用法

 很多新手朋友們對append和appendTo的區別以及js中的appendChild用法有所模糊，下面就舉例為大家詳細介紹下，感興趣的朋友不要錯過

append()前面是要選擇的對象，後面是要在對象插入入的元素內容 

appendTo()前面是要插入的元素內容且為Jquery對象，而後面是要選擇的對象 

 

執行個體： 

$('#a').append('content'); 

$('<div>content</div>').appendTo($('#a')); 

 

注意appendTo前面一定要是Jquery對象。 

 

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

 

但如果Node是頁面中的DOM對象，那麼就不是添加節點了，就是直接Move節點。 

 

appendChild你可以理解為移動一個元素。如果想複製一份過去，要事先clone