• 墨玉县发展农村电商破解脱贫难题 2019-07-15
  • 晋中市通报五起违反中央八项规定精神问题 2019-07-14
  • 五月呼声报告: 陕11家单位上黑榜 官方回复房产投诉满意度低 2019-07-14
  • 高明农家乐地图出炉 教你玩出新花样清凉乐翻天 2019-07-13
  • 超出你想象  大胡子“绣郎”斩获刺绣界“奥斯卡”  2019-07-10
  • 澳媒:亚洲人别来了?悉尼再现种族歧视海报 2019-07-03
  • 为丰富百姓餐桌提供更多选择(打开对外开放新局面) 2019-07-03
  • 爬窗户干瞪眼  云南文山一小区惊现倭蜂猴 2019-07-02
  • 以古鉴今,习近平多次提及屈原 2019-07-02
  • 统一标尺严把关口 防止留置权滥用 2019-06-28
  • 四川医疗巡诊走进松潘为在乡优抚对象送健康 2019-06-25
  • 人民网驻乌克兰记者报道集 2019-06-23
  • 十九大代表杨峰:解决市民身边小事 汇集成民生大事 2019-06-23
  • 浙江舟山定海区一国企非党管理人员涉嫌受贿被查 2019-06-22
  • 中共中央组织部“12380”举报网站 2019-06-19
  • Jquery中文网 南粤风采36选7开奖公告 www.77402m.com
    Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery中 wrap() wrapAll() 与 wrapInner()的区别

    南粤风采36选7中奖规则:jQuery中 wrap() wrapAll() 与 wrapInner()的区别

    发布时间:2016-09-19   编辑:南粤风采36选7开奖公告 www.77402m.com
    jquery中文网为您提供jQuery中 wrap() wrapAll() 与 wrapInner()的区别等资源,欢迎您收藏本站,我们将为您提供最新的jQuery中 wrap() wrapAll() 与 wrapInner()的区别资源

    南粤风采36选7开奖公告 www.77402m.com 今晚看书的时候发现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-07-15
  • 晋中市通报五起违反中央八项规定精神问题 2019-07-14
  • 五月呼声报告: 陕11家单位上黑榜 官方回复房产投诉满意度低 2019-07-14
  • 高明农家乐地图出炉 教你玩出新花样清凉乐翻天 2019-07-13
  • 超出你想象  大胡子“绣郎”斩获刺绣界“奥斯卡”  2019-07-10
  • 澳媒:亚洲人别来了?悉尼再现种族歧视海报 2019-07-03
  • 为丰富百姓餐桌提供更多选择(打开对外开放新局面) 2019-07-03
  • 爬窗户干瞪眼  云南文山一小区惊现倭蜂猴 2019-07-02
  • 以古鉴今,习近平多次提及屈原 2019-07-02
  • 统一标尺严把关口 防止留置权滥用 2019-06-28
  • 四川医疗巡诊走进松潘为在乡优抚对象送健康 2019-06-25
  • 人民网驻乌克兰记者报道集 2019-06-23
  • 十九大代表杨峰:解决市民身边小事 汇集成民生大事 2019-06-23
  • 浙江舟山定海区一国企非党管理人员涉嫌受贿被查 2019-06-22
  • 中共中央组织部“12380”举报网站 2019-06-19
  • 山西快乐十分走势分布 014期平特肖 中彩网双色球图表 欢乐斗地主兑换 制作彩票中奖视频 二八杠偷拍绝技 广东好彩1开奖走势图 什么地方卖彩票走势图 wnba比分直播网 彩票中奖一亿怎么领奖 广东快中彩开奖走势图 江苏11选5开奖结果走势图 辽宁福彩35选7走势图 2019年老夫子正版码报资料 5码倍投计划表