jquery-包裹元素

来源：互联网发布：金十财经数据编辑：程序博客网时间：2024/04/20 05:23

1、wrap方法
　　在每个匹配的元素外层包上一个html元素
　　参数类型说明：
　　1）html字符串
　　　　$('p').wrap('<div></div>');
　　　　传入的html标签也可以是嵌套多层，但应该只包含一个核心的元素
　　2）选择器
　　　　传入选择器则是将选中的元素（及其后代）复制一份用来包裹对应的元素
　　3）jQuery对象
　　　　可以使用新创建的元素对象或者使用选择器获取到的元素对象
　　4）html元素对象
　　5）函数
　　　　有多少个匹配元素，这个函数就会执行多少次！
　　　　函数接收一个参数
　　　　当前元素的序号
　　　　函数内部this代表当前的html元素对象
　　　　return用于包裹匹配元素的 HTML 内容或 jQuery 对象
2、wrapAll方法
　　　　在所有匹配元素外面包一层HTML结构
　　　　参数同上，但是我们一般不会传入函数！
　　　　注意：如果所匹配的元素没有共同的父元素时的情况
3、wrapInner方法
　　　　在匹配元素里的内容外包一层结构
　　　　参数同上

 1 <script type="text/javascript">     2     $(function(){ 3             $("p").wrapAll("<div></div>"); 4             $("a").wrap("<div></div>"); 5             $("p").wrapInner("<h1></h1>"); 6         } 7     ); 8 </script> 9 10 <p>段落</p>11 <p>段落</p>12 <a>链接</a>13 <a>链接</a>

0 0