淺談jQuery wrap() wrapAll() 與 wrapInner()的差異

本文結合W3School的文檔，分析了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)。
我讀的書少，看見這樣的解釋不能立即解決我的困惑真的很煩。

還是動手最實際。

這是用來比較的原始程式碼：

我是佔位子的。

我是佔位子的。

wrap()方法

$("p").wrap("");

#結果：

從圖中可以看出strong標籤包圍了每個符合的p標籤。

wrapAll()方法

$("p").wrapAll("");

結果：

從圖中可以看出strong標籤把全部符合的p標籤一下子全都包圍了。

wrapInner()方法

$("p").wrapInner("");

結果：

從圖中可以看出strong標籤內嵌入每個符合的p標籤裡面。

當然，最後看起來，三個方法的效果是一樣的。

以上是淺談jQuery wrap() wrapAll() 與 wrapInner()的差異的詳細內容。更多資訊請關注PHP中文網其他相關文章！