在jQuery中封装DOM节点的方法

本文介绍了一种用jQuery包装DOM节点的方法，供大家参考，具体分析如下：

如果您想用其他标记包装节点，jQuery提供了相应的方法，包装（）。这种方法在文档中插入额外的结构化标记非常有用，并且不会破坏原始文档的语义。

（总结）

复制代码代码如下：$（# li_1）。包（）；

结果如下：
PHP编程容易理解
有包的节点操作，这是其它两种方法，wrapall（）和（）wrapinner。

WrapAll（）方法

这个方法将用一个元素包装所有匹配的元素。它不同于包装（）方法，包（）方法是所有元素的一个单独的包：

复制代码代码如下：$（。li_2）。WrapAll（）；

HTML是包裹着的wrapall（）方法是这样的：
易于理解的C程序设计
易于理解的Javaｓｃｒｉｐｔ编程
WrapInner（）方法

这种方法封装每一个匹配元素的子目录，包括文本节点，与其他结构化标记。

复制代码代码如下：$（# li_4）。WrapInner（）；

运行代码后，发现标签的内容由一对标签包装。结果如下：
易于理解的jQuery编程
本例中的jQuery代码如下所示：
/ / < { CDATA {！
$（函数（）{（））
$（# btn_1）。Click（function（）{）
元素按元素包装
$（# li_1）。包（）；
}）
$（# btn_2）。Click（function（）{）
$（。li_2）。WrapAll（）；
}）
$（# btn_3）。Click（function（）{）
$（# li_4）。WrapInner（）；
}）
}）；
>
希望本文能对大家的jQuery程序设计有所帮助。