成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

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

MyFaith / 2055人閱讀

摘要:文檔操作方法方法使用指定的內(nèi)容或元素,來(lái)包裹每個(gè)被選元素中的所有內(nèi)容。這是用來(lái)比較的原代碼我是占位子的。方法結(jié)果從圖中可以看出標(biāo)簽包圍了每個(gè)匹配的標(biāo)簽。當(dāng)然,最后看起來(lái),三個(gè)方法的效果是一樣的。

今晚看書(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)比較的原代碼:

我是占位子的。

我是占位子的。

wrap()方法

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

結(jié)果:

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

wrapAll()方法

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

結(jié)果:

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

wrapInner()方法

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

結(jié)果:

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

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

點(diǎn)到即止。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/85371.html

相關(guān)文章

  • jQuery DOM節(jié)點(diǎn)復(fù)制、替換

    摘要:拷貝克隆節(jié)點(diǎn)是的常見(jiàn)操作,提供一個(gè)方法,專(zhuān)門(mén)用于處理的克隆方法深度復(fù)制所有匹配的元素集合,包括所有匹配元素匹配元素的下級(jí)元素文字節(jié)點(diǎn)。 拷貝clone() 克隆節(jié)點(diǎn)是DOM的常見(jiàn)操作,jQuery提供一個(gè)clone方法,專(zhuān)門(mén)用于處理dom的克隆 .clone()方法深度復(fù)制所有匹配的元素集合,包括所有匹配元素、匹配元素的下級(jí)元素、文字節(jié)點(diǎn)。 clone方法比較簡(jiǎn)單就是克隆節(jié)點(diǎn),但是需...

    jindong 評(píng)論0 收藏0
  • jQuery基礎(chǔ)(二)DOM篇

    摘要:將匹配元素集合的父級(jí)元素刪除,保留自身和兄弟元素,如果存在在原來(lái)的位置。方法查找指定元素集合中每一個(gè)元素的同輩元素。每次回調(diào)函數(shù)執(zhí)行時(shí),會(huì)傳遞當(dāng)前循環(huán)次數(shù)作為參數(shù)從開(kāi)始計(jì)數(shù)。 DOM節(jié)點(diǎn)的創(chuàng)建 先介紹下需要用到的瀏覽器提供的一些原生的方法(這里不處理低版本的IE兼容問(wèn)題)創(chuàng)建流程比較簡(jiǎn)單,大體如下: 創(chuàng)建節(jié)點(diǎn)(常見(jiàn)的:元素、屬性和文本) 添加節(jié)點(diǎn)的一些屬性 加入到文檔中流程中涉及的一...

    Harpsichord1207 評(píng)論0 收藏0
  • JQuery干貨篇之插入元素

    摘要:在匹配元素集合中的每個(gè)元素后面插入?yún)?shù)所指定的內(nèi)容,作為其兄弟節(jié)點(diǎn)。當(dāng)需要移走一個(gè)元素,不久又將該元素插入時(shí),這種方法很有用。實(shí)例從中移除集合中匹配元素的所有子節(jié)點(diǎn)。 JQuery干貨篇之插入元素 本次使用的html,css還是我上一篇的源代碼,詳情請(qǐng)看上一篇文章 分類(lèi) 插入子元素:append,prepend ,appendTo,prependTo 封裝包裹元素:wrap,wrap...

    jemygraw 評(píng)論0 收藏0
  • JQuery干貨篇之插入元素

    摘要:在匹配元素集合中的每個(gè)元素后面插入?yún)?shù)所指定的內(nèi)容,作為其兄弟節(jié)點(diǎn)。當(dāng)需要移走一個(gè)元素,不久又將該元素插入時(shí),這種方法很有用。實(shí)例從中移除集合中匹配元素的所有子節(jié)點(diǎn)。 JQuery干貨篇之插入元素 本次使用的html,css還是我上一篇的源代碼,詳情請(qǐng)看上一篇文章 分類(lèi) 插入子元素:append,prepend ,appendTo,prependTo 封裝包裹元素:wrap,wrap...

    songze 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

MyFaith

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<