淺談jQuery中 wrap() wrapAll() 與 wrapInner()的差異
今晚看書的時候發(fā)現(xiàn)jQuery有三個包裹節(jié)點的方法，百度了一下jQuery wrap() / wrapAll() / wrapInner()，果然搜索結(jié)果 W3School的文檔說明是排第一的。
可是，W3School的解釋是這樣的：
jQuery 文檔操作 - wrap() 方法
wrap() 方法把每個被選元素放置在指定的 HTML 內(nèi)容或元素中。
jQuery 文檔操作 - wrapAll() 方法
wrapAll() 在指定的 HTML 內(nèi)容或元素中放置所有被選的元素。
jQuery 文檔操作 - wrapInner() 方法
wrapInner() 方法使用指定的 HTML 內(nèi)容或元素，來包裹每個被選元素中的所有內(nèi)容 (inner HTML)。
我讀的書少，看見這樣的解釋不能立即解決我的困惑真的很煩。
還是動手最實際。
這是用來比較的原代碼：
<p>我是占位子的。</p>
<p>我是占位子的。</p>
wrap()方法
$("p").wrap("<strong></strong>");
結(jié)果：
從圖中可以看出strong標(biāo)簽包圍了每個匹配的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)嵌入每個匹配的p標(biāo)簽里面。
當(dāng)然，最后看起來，三個方法的效果是一樣的。
點到即止。
以上就是個人對于jQuery中 wrap() wrapAll() 與 wrapInner()的差異分析了，僅僅是個人的一些理解，大神請略過。
相關(guān)文章
下面小編就為大家?guī)硪黄猨Query實用小技巧_輸入框文字獲取和失去焦點的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Tipso是一款基于jQuery的Tooltip提示框插件，他提供了眾多參數(shù)，如顯示動畫持續(xù)時間、背景顏色、文本顏色、顯示位置、加載ajax內(nèi)容、回調(diào)函數(shù)等等。2015-05-05
jQuery實現(xiàn)鼠標(biāo)經(jīng)過時出現(xiàn)隱藏層文字鏈接的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)經(jīng)過時出現(xiàn)隱藏層文字鏈接的方法,涉及jQuery鼠標(biāo)hover事件的響應(yīng)及頁面元素的動態(tài)處理技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了jQuery中slideUp()方法用法,以實例形式分析了slideUp()方法的功能、定義及具體使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
jWiard 基于JQuery的強大的向?qū)Э丶榻B，需要的朋友可以參考下。2011-10-10
一個簡單的jquery彈出框代碼實現(xiàn)，點擊鏈接彈出模式對話框，任意點擊網(wǎng)頁的其它地方可以關(guān)閉彈出框，可以自定義透明度，簡單實用的jquery彈出框效果。2015-04-04
08年的時候裝上ubuntu試用了一下，發(fā)現(xiàn)里面自帶了一個數(shù)獨游戲，索性自己用jquery做了一個數(shù)獨游戲。2010-10-10
這篇文章主要介紹了JQuery 實現(xiàn)文件下載的常用方法,結(jié)合實例形式分析了jQuery的GET方式、POST方式及HTML5 Blob對象等常見的文件下載機制、原理與實現(xiàn)方法,需要的朋友可以參考下2019-10-10
下面小編就為大家?guī)硪黄猨query跟隨屏幕滾動效果的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
這篇文章主要為大家詳細(xì)介紹了jquery插件實現(xiàn)儀表盤，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04