jquery-包裹元素

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>

 

posted @ 2016-10-16 11:34  舒山  阅读(2400)  评论(0编辑  收藏  举报