在jQuery中封装DOM节点的方法

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

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

(总结)

复制代码代码如下:$(# li_1)。包();

结果如下:



PHP编程容易理解





有包的节点操作,这是其它两种方法,wrapall()和()wrapinner。

WrapAll()方法

这个方法将用一个元素包装所有匹配的元素。它不同于包装()方法,包()方法是所有元素的一个单独的包:

复制代码代码如下:$(。li_2)。WrapAll();

HTML是包裹着的wrapall()方法是这样的:



易于理解的C程序设计
易于理解的Javascript编程





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程序设计有所帮助。