三、删除节点
这里我们先写一个简单的布局
1.remove()：删除所有匹配的元素
当某个节点用remove()删除后，该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用，因此可以在以后再使用这些元素。
empty()：清空所有元素
empty()并不是删除节点，而是清空节点，它能清空元素中的所有后代节点。
detach（）：删除所有匹配的元素
detach与remove方法一样，删除后的元素仍然可以使用，除此之外还会保留所有绑定的事件、附加的数据
删除之后下标为1的li点击后字体仍然为红色。
四、替换节点
repalcewith()：将所有匹配的元素用指定的HTML或者是DOM元素进行替换
repalceAll()：用指定的HTML或者是DOM元素对所有匹配的元素进行替换.该方法与replaceWith()的作用相同,只不过是颠倒了replaceWith()的操作
点击替换节点按钮，用新创建的li替换第一个li。
五、克隆节点
clone()：复制节点元素
克隆第一个li，并追加的ul后面
六、包裹节点
wrap()：将某一个元素用其他的元素给包裹起来
wrapAll()：将所有匹配的元素用一个元素来包裹
wrapInner()：将每一个元素的子内容(包括文本节点),用其他元素包裹起来
unwrap()：移除被选元素的父元素
将p标签用背景颜色为红色（background-color: red;）的div包裹起来、
