jquery基础篇-文档操作

jquery基础篇--文档操作

包裹节点相关

? ? ?-------- 对文档中插入额外的结构化标记有用，不会破坏原始文档的语义。

1、wrap()

$(selector).wrap(wrapper);

参数wrapper：

? ? ? 把所有匹配的元素用其他元素的结构化标记包裹起来

必需，规定包裹被选元素的内容。可能的值：

HTML 代码

&lt;p&gt;测试文本&lt;/p&gt;

执行：?

$('p').wrap('&lt;div name="code">&lt;div name="code">$('p').wrap('document.getElementById('wrap')');

?结果：

&lt;div id="wrap"&gt;&lt;p&gt;测试文本&lt;/p&gt;&lt;/div&gt;

? ? ?

2、unwrap()

? ? ?这个方法将移出元素的父元素。这能快速取消.wrap()方法的效果。匹配的元素（以及他们的同辈元素）会在DOM结构上替换他们的父元素。

3、wrapAll()

? ? 将所有匹配的元素用单个元素包裹起来。

&lt;p&gt;测试数据1&lt;/p&gt;&lt;p&gt;测试数据2&lt;/p&gt;&lt;p&gt;测试数据3&lt;/p&gt;

参数是html执行：?

$('p').wrapAll('&lt;div name="code">&lt;div name="code">&lt;p&gt;测试文本1&lt;/p&gt;&lt;p&gt;测试文本2&lt;/p&gt;&lt;p&gt;测试文本3&lt;/p&gt;

执行：?

$('p').wrapInner('&lt;b&gt;&lt;/b&gt;');

?结果：

&lt;p&gt;&lt;b&gt;测试文本1&lt;/b&gt;&lt;b&gt;测试文本2&lt;/b&gt;&lt;b&gt;测试文本3&lt;/b&gt;&lt;/p&gt;