手机版

谈jQuery中wrap() wrapAll()和wrapInner()的区别

时间:2021-09-09 来源:互联网 编辑:宝哥软件园 浏览:

今晚看书的时候发现jQuery有三种包装节点的方法。百度看了一下jQuery wrap()/wrap all()/wrap inner(),果然W3School的文档描述排名第一。

然而,W3School的解释如下:

JQuery文档操作包装()方法

wrap()方法将每个选定的元素放在指定的HTML内容或元素中。JQuery文档操作-wrappall()方法

WrapAll()将所有选定的元素放在指定的HTML内容或元素中。JQuery文档操作-wrappinner()方法

wrapInner()方法使用指定的HTML内容或元素来包装每个选定元素(内部HTML)中的所有内容。我看的书很少,看到这个解释不能马上解决我的困惑,真的很烦。

还是最实用的。

这是用于比较的原始代码:

我是座位持有者。/pp我是座位持有者。/pwrap()方法

$('p ')。换行(' strong/strong ');

结果:

从图中可以看出,强标签围绕着每个匹配的p标签。

WrapAll()方法

$('p ')。wrap all(' strong/strong ');

结果:

从图中可以看出,强标签一次包围了所有匹配的p标签。

WrapInner()方法

$('p ')。wrap inner(' strong/strong ');

结果:

从图中可以看出,强标签嵌入在每个匹配的p标签中。

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

只需点击它。

以上是我个人对jQuery中wrap() wrapAll()和wrapInner()区别的分析,这只是我个人的理解,请跳过。

版权声明:谈jQuery中wrap() wrapAll()和wrapInner()的区别是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。