Chinaunix首页 | 论坛 | 博客

Web world

首页　| 　博文目录　| 　关于我

cici0208

  • 博客访问： 486853
  • 博文数量： 226
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 2111
  • 用 户 组： 普通用户
  • 注册时间： 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文（226）

文章存档

2020年（2）

2019年（1）

2018年（3）

2017年（26）

2016年（57）

2015年（60）

2014年（77）

我的朋友
最近访客
推荐博文
相关博文
jQuery中wrap、wrapAll和wrapInner用法以及区别

分类： Web开发

2014-12-17 09:18:10

原文：
  • 苹果
  • 橘子
  • 菠萝
    • 1、$("li").wrap("");
    每一个选择器都添加
    >
  • 苹果
    • div>
    >
  • 橘子
    • div>
    ><li title="菠萝">菠萝div>

    2、$("li").wrapAll("");
    在所有选中的选择器最外面添加

      <div>
    • 苹果
  • 橘子
  • 菠萝

    • div>
     
    3、$("li").wrapInner("");
    为选择器的内容添加
  • <div>苹果div>
  • <div>橘子div>i>
  • <div>菠萝div>


    • ps: unwrap() 方法删除被选元素的父元素。
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <script src="/jquery/jquery.js"></script>
    5. <script>
    6. $(document).ready(function(){
    7.   $("button").click(function(){
    8.     $("p").unwrap();
    9.   });
    10. });
    11. </script>
    12. <style type="text/css">
    13. div{background-color:yellow;}
    14. article{background-color:pink;}
    15. </style>
    16. </head>
    17. <body>
    18. <div>
    19. <p>这是 div 元素中的段落。</p>
    20. </div>
    21. <article>
    22. <p>这是 article 元素中的段落。</p>
    23. </article>
    24. <button>删除每个 p 元素的父元素</button>
    25. </body>
    26. </html>
    阅读(507) | 评论(0) | 转发(0) |
    0

    上一篇：jQuery延迟加载之holdReady

    下一篇：jQuery的回调支持

    给主人留下些什么吧！~~
    关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

    Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

    感谢所有关心和支持过ChinaUnix的朋友们

    16024965号-6