jQuery的DOM操做、

jQuery的DOM操做

刪除節點

remove()、detach()、empty()

1. remove()

   var $li = $("ul li:eq(0)").remove();
   $li.appendTo("ul");

   用remove()刪除節點後，全部後代節點同時刪除。該方法返回值是一個指向已被刪除的節點。但除了這個元素自己得以保留以外，其餘的好比綁定的事件，附加的數據等都會被移除。

2. detach()

   與remove()的區別是仍然保留其綁定的數據。

3. empty()

   做用是清空元素內的後代元素。

複製節點

clone()

複製的節點會帶 原來的性質 ，但並不具備任何行爲。如須要新元素複製功能，在cline()中傳遞一個參數true。

$("ul li").click(function(){
    $(this).clone(true).appendTo("ul");
})

替換節點

replaceWith()、replaceAll()

將所匹配的元素替換成指定的HTML或者DOM。例如<p>hao</p>換成<b>hao</b>

$("p").replaceWith("<b>hao</b>");

$("<b>hao</b>").replaceAll("p");

若是替換前綁定了事件，替換後須要從新給新元素綁定事件。

設置和獲取HTML、文本和值

html()、text()和val()

遍歷節點

parent()、parents()和closest()

parent()	匹配元素的父元素
parents()	匹配元素的祖先元素
closest()	從自己開始找，自己不是則逐級向上級 父元素 匹配