jquery中DOM節點操做（二）

3、刪除節點

這裏咱們先寫一個簡單的佈局

1.remove()：刪除全部匹配的元素

當某個節點用remove()刪除後，該節點所包含的全部後代節點將同時被刪除。這個方法的返回值是一個指向已被刪除的節點的引用，所以能夠在之後再使用這些元素。

empty()：清空全部元素

empty()並非刪除節點，而是清空節點，它能清空元素中的全部後代節點。

detach（）：刪除全部匹配的元素

detach與remove方法同樣，刪除後的元素仍然可使用，除此以外還會保留全部綁定的事件、附加的數據

刪除以後下標爲1的li點擊後字體仍然爲紅色。

4、替換節點

repalcewith()：將全部匹配的元素用指定的HTML或者是DOM元素進行替換

repalceAll()：用指定的HTML或者是DOM元素對全部匹配的元素進行替換.該方法與replaceWith()的做用相同,只不過是顛倒了replaceWith()的操做

點擊替換節點按鈕，用新建立的li替換第一個li。

5、克隆節點

clone()：複製節點元素

克隆第一個li，並追加的ul後面

6、包裹節點

wrap()：將某一個元素用其餘的元素給包裹起來

wrapAll()：將全部匹配的元素用一個元素來包裹

wrapInner()：將每個元素的子內容(包括文本節點),用其餘元素包裹起來

unwrap()：移除被選元素的父元素

將p標籤用背景顏色爲紅色（background-color: red;）的div包裹起來、