jquery DOM操作

1、复制节点

如果点击<li>元素需要再复制一个<li>元素，可以使用clone()方法。jquery代码：

$("ul li").click(function(){

  $(this).clone().appendTo("ul");

})

复制节点后，被复制的新元素并不具有任何行为，如果需要新元素也具有复制功能。要给clone()方法添加true参数。clone(true);,它的含义是复制元素的同时复制元素中所绑定的事件。

2、替换节点

如果要替换某个节点，jquery提供了相应的方法，即replaceWith()和replaceAll().

如：

$("p").replaceWith("<strong>你最不喜欢的水果是？</strong>");

replaceAll作用和replaceWith作用相同。不过写的时候是倒过来的：

$("<strong>你最不喜欢的水果是？</strong>").replaceAll("p");

替换后，原先绑定的事件将消失。

3、包裹节点

$("strong").wrap("<b></b>");//用<b>标签把<strong>元素包裹起来

wrap和wrapAll的区别：

HTML代码：

<strong>玩玩</strong>

<strong>玩玩2</strong>

使用wrap方法

$("strong").wrap("<b></b>");

结果：

<b><strong>玩玩</strong></b>

<b><strong>玩玩2</strong></b>

使用wrapAll方法：

<b>

<strong>玩玩</strong>

<strong>玩玩2</strong>

</b>

wrapInner()方法：

该方法将每一个匹配的元素的子内容(包含文本节点)其他结构化的标记包裹起来。如：

$("strong").wrapInner("<b></b>");

结果：

<strong><b>玩玩</b></strong>