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包裹起来、