溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

DOM包裹及遍歷

發(fā)布時(shí)間:2020-07-12 11:05:46 來(lái)源:網(wǎng)絡(luò) 閱讀:750 作者:拉考的考拉 欄目:web開(kāi)發(fā)

      包裹.unwrap()、.wrapAll()和.wrapInner()及遍歷.children()和.find()

1   .unwrap()作用與wrap方法相反,將匹配元素集合的父級(jí)元素刪除,保留自身(和兄弟元素)在原來(lái)的位置

2   .wrapAll(wrappingElement)給集合中匹配的元素增加一個(gè)外面包裹HTML結(jié)構(gòu)

3   .wrapAll(function)一個(gè)回調(diào)函數(shù),返回用于包裹匹配元素的HTML內(nèi)容或JQuery對(duì)象,通過(guò)回調(diào)的方式可以單獨(dú)處理每個(gè)元素

4   .wrapAll()函數(shù)可以接受任何字符串或?qū)ο螅梢詡鬟f給$()工廠函數(shù)來(lái)指定一個(gè)DOM結(jié)構(gòu),這種結(jié)構(gòu)可以嵌套多層,但是最內(nèi)層只能有一個(gè)元素,所有匹配元素將會(huì)被當(dāng)作是一個(gè)整體,在這個(gè)整體的外部用指定的HTML結(jié)構(gòu)進(jìn)行包裹

5   .wrapInner()將合集中的內(nèi)部所有的子元素用其他元素包裹起來(lái),并當(dāng)做指定元素的子元素

6    .wrapInner(wrappingElement)給集合中匹配的元素的內(nèi)部,增加包裹的HTML結(jié)構(gòu)

7    .wrapInner(function)用一個(gè)callback函數(shù)做參數(shù),每次遇到匹配元素時(shí),該函數(shù)被執(zhí)行,返回一個(gè)DOM元素,JQuery對(duì)象或者HTML片段,用來(lái)包住匹配元素的內(nèi)容

8   通過(guò)一個(gè)選擇器字符串傳遞給.wrapInner()函數(shù),其參數(shù)是格式正確的HTML,并且HTML標(biāo)簽是被正確關(guān)閉的

9   .children()無(wú)參數(shù),選擇性的接受同一類型選擇器表達(dá)式

10   .children(selector)返回匹配元素集合中每個(gè)元素的所有子元素(僅兒子輩,可以理解為父親與兒子的關(guān)系)

11   JQuery是一個(gè)合集對(duì)象,需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選,找出目標(biāo)元素,允許傳一個(gè)選擇器的表達(dá)式,可以快速查找合集里面的第一級(jí)子元素

12   .find()可以快速查找DOM樹(shù)中的這些元素的后代元素

13   find是遍歷當(dāng)前元素集合中每個(gè)元素的后代,只要符合不管是兒子輩或?qū)O子輩都可以

14   find與其他樹(shù)遍歷方法不同,選擇器表達(dá)式對(duì)于.find()是必須的參數(shù),如果需要現(xiàn)實(shí)對(duì)所有后代元素的取回,可以傳遞通配選擇器'*'

15   find只在后代中遍歷,不包括自己

16   選擇器context是由.find()方法實(shí)現(xiàn)的

17   .find()和.chidren()的區(qū)別

   .find()是后代關(guān)系查找(包括父子關(guān)系),查找范圍包括子節(jié)點(diǎn)的所有后代節(jié)點(diǎn)

   .chidren()是父子關(guān)系查找,只查找第一級(jí)的子節(jié)點(diǎn)

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI