DOM操作-包裹节点

来源:互联网 发布:什么软件打开qsv 编辑:程序博客网 时间:2024/04/27 06:57

1.各个方法详解

(1)wrap()

将某个节点用其他标记包裹起来,在文档中插入额外的结构化标记,而且不会破坏原始文档的语义。

(2)wrapAll()

将所有匹配的元素用同一个元素包裹,不同于wrap()方法的是,wrapAll是对所有的元素一同包装,wrap是单独包装。

(3)wrapInner()

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

2.实例

<html><head><title>jQuery中的DOM操作.包裹节点</title><script type="text/javascript" src="jquery.min.js"></script><script>$(document).ready(function(){//$("ul li").wrap("<strong></strong>");//$("ul li").wrapAll("<strong></strong>");$("ul li").wrapInner("<strong></strong>");});</script></head><body><p title="Choose your favorite fruit.">What's your favorite fruit?</p><ul><li>Apple</li><li>Banana</li><li>Pineapple</li></ul></body></html>


0 0