gpt4 book ai didi

浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异

转载 作者:qq735679552 更新时间:2022-09-27 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

今晚看书的时候发现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中 wrap() wrapAll() 与 wrapInner()的差异分析了,仅仅是个人的一些理解,大神请略过.

最后此篇关于浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异的文章就讲到这里了,如果你想了解更多关于浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com