• 风雨兼程,与党和人民同行 2019-05-23
  • 张鼎丞对人民军队建设作出的贡献 2019-05-23
  • 把党的领导贯穿军事科研工作各方面和全过程 2019-05-23
  • 在强国论坛和新浪微博上也就说了几句国产80后伟大的钢琴家,嚯!粉丝不干了,邮箱里塞满男性女性生殖器的骂声和愤慨声。其实,真没有诋毁的意思。比如,美国一家男性内衣 2019-05-22
  • 【理上网来·喜迎十九大】不忘初心、继续前进,勇于全面深化改革 2019-05-22
  • 这5件事预测你能否可以开心活过80岁 2019-05-22
  • 新疆14所高校大学生同台比赛 2019-05-21
  • 西南铁路端午假期发送400余万人次 两人不文明乘车或受失信惩戒 2019-05-21
  • 省委中心组成员到联系帮扶点开展专题调研 2019-05-21
  • 热刺中场埃里克森领衔 北欧童话能否续写逆袭新篇 2019-05-21
  • 在深入推动长江经济带发展座谈会上的讲话 2019-05-20
  • 北京副中心核心区建成世界超一流智能配电网 2019-05-20
  • 江苏:五峰山跨江线路升高改造工程启动(组图) 2019-05-20
  • 无视婚变传闻 王浩信晒与朋友新旧对比照秀友情 2019-05-19
  • 专访香港演员陈钰芸:女版李小龙 用武术演绎精彩人生 2019-05-19
  • Jquery中文网 码报 www.okkrb.tw
    Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery中 wrap() wrapAll() 与 wrapInner()的区别

    卖码报赚钱:jQuery中 wrap() wrapAll() 与 wrapInner()的区别

    发布时间:2016-09-19   编辑:码报 www.okkrb.tw
    jquery中文网为您提供jQuery中 wrap() wrapAll() 与 wrapInner()的区别等资源,欢迎您收藏本站,我们将为您提供最新的jQuery中 wrap() wrapAll() 与 wrapInner()的区别资源

    码报 www.okkrb.tw 今晚看书的时候发现jquery有三个包裹节点的方法,百度了一下jQuery wrap() / wrapAll() / wrapInner(),果然搜索结果 W3School的文档说明是排第一的。

    可是,W3School的解释是这样的:

    jQuery 文档操作 – wrap() 方法

    wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。

    jQuery 文档操作 – wrapAll() 方法

    wrapAll() 在指定的 HTML 内容或元素中放置所有被选的元素。

    jQuery 文档操作 – wrapInner() 方法

    wrapInner() 方法使用指定的 HTML 内容或元素,来包裹每个被选元素中的所有内容 (inner HTML)。

    我读的书少,看见这样的解释不能立即解决我的困惑真的很烦。

    还是动手最实际。

    这是用来比较的原代码:

    <p>我是占位子的。</p>
    <p>我是占位子的。</p>
    

    wrap()方法

    $("p").wrap("<strong></strong>");

    结果:

    jQuery中 wrap() wrapAll() 与 wrapInner()的区别

    从图中可以看出strong标签包围了每个匹配的p标签。

    wrapAll()方法

    $("p").wrapAll("<strong></strong>");

    结果:

    jQuery中 wrap() wrapAll() 与 wrapInner()的区别

    从图中可以看出strong标签把全部匹配的p标签一下子全都包围了。

    wrapInner()方法

    $("p").wrapInner("<strong></strong>");

    结果:

    jQuery中 wrap() wrapAll() 与 wrapInner()的区别

    从图中可以看出strong标签内嵌入每个匹配的p标签里面。

    当然,最后看起来,三个方法的效果是一样的。

    jQuery中 wrap() wrapAll() 与 wrapInner()的区别

    点到即止。

    您可能感兴趣的文章:
    Jquery 基础学习笔记之文档处理
    了解了这些才能开始发挥jQuery的威力
    在每个匹配元素的外部插入新元素的方法
    jQuery学习笔记 操作jQuery对象 文档处理
    juqery 学习之五 文档处理 包裹、替换、删除、复制
    使用jQuery的将桌面应用程序引入浏览器
    JQuery 选择器、过滤器介绍
    遍历jquery对象的代码分享
    jquery 元素控制(追加元素/追加内容)介绍及应用
    jquery冲突的解决方法

    [关闭]
  • 风雨兼程,与党和人民同行 2019-05-23
  • 张鼎丞对人民军队建设作出的贡献 2019-05-23
  • 把党的领导贯穿军事科研工作各方面和全过程 2019-05-23
  • 在强国论坛和新浪微博上也就说了几句国产80后伟大的钢琴家,嚯!粉丝不干了,邮箱里塞满男性女性生殖器的骂声和愤慨声。其实,真没有诋毁的意思。比如,美国一家男性内衣 2019-05-22
  • 【理上网来·喜迎十九大】不忘初心、继续前进,勇于全面深化改革 2019-05-22
  • 这5件事预测你能否可以开心活过80岁 2019-05-22
  • 新疆14所高校大学生同台比赛 2019-05-21
  • 西南铁路端午假期发送400余万人次 两人不文明乘车或受失信惩戒 2019-05-21
  • 省委中心组成员到联系帮扶点开展专题调研 2019-05-21
  • 热刺中场埃里克森领衔 北欧童话能否续写逆袭新篇 2019-05-21
  • 在深入推动长江经济带发展座谈会上的讲话 2019-05-20
  • 北京副中心核心区建成世界超一流智能配电网 2019-05-20
  • 江苏:五峰山跨江线路升高改造工程启动(组图) 2019-05-20
  • 无视婚变传闻 王浩信晒与朋友新旧对比照秀友情 2019-05-19
  • 专访香港演员陈钰芸:女版李小龙 用武术演绎精彩人生 2019-05-19