Jquery中文網 www.twdanq.live
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 jQuery中 wrap() wrapAll() 與 wrapInner()的區別

jQuery中 wrap() wrapAll() 與 wrapInner()的區別

發布時間:2016-09-19   編輯:www.twdanq.live
jquery中文網為您提供jQuery中 wrap() wrapAll() 與 wrapInner()的區別等資源,歡迎您收藏本站,我們將為您提供最新的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 基礎學習筆記之文檔處理
了解了這些才能開始發揮jQuery的威力
在每個匹配元素的外部插入新元素的方法
jQuery學習筆記 操作jQuery對象 文檔處理
juqery 學習之五 文檔處理 包裹、替換、刪除、復制
使用jQuery的將桌面應用程序引入瀏覽器
JQuery 選擇器、過濾器介紹
遍歷jquery對象的代碼分享
jquery 元素控制(追加元素/追加內容)介紹及應用
jquery沖突的解決方法

[關閉]
广西快乐10分怎样开奖号码