jQuery中的DOM操作------复制及包裹节点

1、复制节点：
　　如果单击<li>元素后需要再复制一个<li>元素，可以用clone()方法来完成：
　　$(this).clone().appendTo("ul");
　　复制节点后，被复制的新元素不具有任何行为，如果需要新元素也具有复制功能，可以这么写：
　　$(this).clone(true).appendTo("ul");

2、包裹节点:wrap()&warpAll()&wrapInner()
　　如下代码：
　　<strong title="add your choice 1">Add your choice 1</strong>
　　<strong title="add your choice 2">Add your choice 2</strong>

（1）$("strong").wrap("<b></b>");
　　<b><strong title="add your choice 1">Add your choice 1</strong></b>
　　<b><strong title="add your choice 2">Add your choice 2</strong></b>

（2）$("strong").wrapAll("<b></b>");
　　<b>
　　　　<strong title="add your choice 1">Add your choice 1</strong>
　　　　<strong title="add your choice 2">Add your choice 2</strong>
　　</b>

（3）$("strong").wrapInner("<b></b>");
　　<strong title="add your choice 1"><b>Add your choice 1</b></strong>
　　<strong title="add your choice 2"><b>Add your choice 2</b></strong>

3、parent(),parents(),closest()的区别：
1）parent(): 获得集合中每个匹配元素的父级元素，从指定类型的直接父节点开始查找，返回一个元素节点；
2）parents(): 获得集合中每个匹配元素的祖先元素，当它找到第一个父级节点时，不停止查找，而是继续查找，最后返回多个父节点；
3）closest(): 从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。 从包含自身的节点找起，同parents()类似，只返回匹配的第一个元素节点。