本文結(jié)合W3School的文檔，分析了jQuery中 wrap() wrapAll() 與 wrapInner()的差異，并給出了圖文對(duì)比教程，非常的簡(jiǎn)單實(shí)用，有需要的朋友可以參考下

今晚看書(shū)的時(shí)候發(fā)現(xiàn)jQuery有三個(gè)包裹節(jié)點(diǎn)的方法，百度了一下jQuery wrap() / wrapAll() / wrapInner()，果然搜索結(jié)果 W3School的文檔說(shuō)明是排第一的。

可是，W3School的解釋是這樣的：

jQuery 文檔操作 - wrap() 方法

wrap() 方法把每個(gè)被選元素放置在指定的 HTML 內(nèi)容或元素中。
jQuery 文檔操作 - wrapAll() 方法

wrapAll() 在指定的 HTML 內(nèi)容或元素中放置所有被選的元素。
jQuery 文檔操作 - wrapInner() 方法

wrapInner() 方法使用指定的 HTML 內(nèi)容或元素，來(lái)包裹每個(gè)被選元素中的所有內(nèi)容 (inner HTML)。
我讀的書(shū)少，看見(jiàn)這樣的解釋不能立即解決我的困惑真的很煩。

還是動(dòng)手最實(shí)際。

這是用來(lái)比較的原代碼：

<p>我是占位子的。</p>
<p>我是占位子的。</p>
wrap()方法

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

結(jié)果：

從圖中可以看出strong標(biāo)簽包圍了每個(gè)匹配的p標(biāo)簽。

wrapAll()方法

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

結(jié)果：

從圖中可以看出strong標(biāo)簽把全部匹配的p標(biāo)簽一下子全都包圍了。

wrapInner()方法

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

結(jié)果：

從圖中可以看出strong標(biāo)簽內(nèi)嵌入每個(gè)匹配的p標(biāo)簽里面。

當(dāng)然，最后看起來(lái)，三個(gè)方法的效果是一樣的。

點(diǎn)到即止。

以上就是個(gè)人對(duì)于jQuery中 wrap() wrapAll() 與 wrapInner()的差異分析了，僅僅是個(gè)人的一些理解，大神請(qǐng)略過(guò)。

總結(jié)

以上是生活随笔為你收集整理的浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。