摘要:文檔操作方法方法使用指定的內(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
摘要:拷貝克隆節(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),但是需...
摘要:將匹配元素集合的父級(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)的一些屬性 加入到文檔中流程中涉及的一...
摘要:在匹配元素集合中的每個(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...
摘要:在匹配元素集合中的每個(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...
閱讀 2082·2021-09-22 15:29
閱讀 3419·2019-08-30 15:44
閱讀 3629·2019-08-30 15:43
閱讀 1825·2019-08-30 13:48
閱讀 1566·2019-08-29 13:56
閱讀 2561·2019-08-29 12:12
閱讀 1035·2019-08-26 11:35
閱讀 1119·2019-08-26 10:25