遍歷.parent()、.parents()、.closest()和.next()

站在用戶(hù)的角度思考問(wèn)題，與客戶(hù)深入溝通，找到大觀網(wǎng)站設(shè)計(jì)與大觀網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品，建站類(lèi)型包括：成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋大觀地區(qū)。

1   .parent()快速查找合集里面的每一個(gè)元素的父元素，即父親與兒子的關(guān)系，因?yàn)槭歉冈?，所以只?huì)向上查找一級(jí)

2   .parent()無(wú)參數(shù)，能夠在DOM樹(shù)中搜索到這些元素的父級(jí)元素，有序的向上匹配元素，并根據(jù)匹配的元素創(chuàng)建一個(gè)新的JQuery對(duì)象

3   .parent()選擇性地接受同一型選擇器表達(dá)式，需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選，找出目標(biāo)元素，允許傳一個(gè)選擇器的表達(dá)式

4   .parents()可以快速查找合集里面的每一個(gè)元素的所有祖輩元素，

5   .parents()無(wú)參數(shù)，選擇性地接受同一型選擇器表達(dá)式，返回的元素秩序是從離他們最近的父級(jí)元素開(kāi)始的

6   .parents()能夠在DOM樹(shù)中搜索到這些元素的祖先元素，有序的向上匹配元素，并根據(jù)匹配的元素創(chuàng)建一個(gè)新的JQuery對(duì)象

7   .parents()需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選，找出目標(biāo)元素，允許傳一個(gè)選擇器的表達(dá)式

8   .parents()和.parent()的區(qū)別

   .parent()只會(huì)查找一級(jí)，只進(jìn)行一個(gè)單級(jí)DOM樹(shù)查找，返回一個(gè)包含document的集合

   .parents()會(huì)往上一直查找到祖先節(jié)點(diǎn)，返回一個(gè)空集合

9   .closest()接受一個(gè)匹配元素的選擇器字符串，從元素本身開(kāi)始，在DOM樹(shù)上逐級(jí)向上級(jí)元素匹配，并返回最先匹配的祖先元素

10   .closest()查找當(dāng)前元素的父輩祖輩元素，給定的JQuery集合或元素來(lái)過(guò)濾元素，匹配合集中每一個(gè)元素的祖先元素，需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選，找出目標(biāo)，允許傳一個(gè)JQuery的對(duì)象

11   .parents()和.closest()的區(qū)別

   起始位置

   .parents()開(kāi)始于父元素

   .closest()開(kāi)始于當(dāng)前元素

   便利的目標(biāo)

   .parents()遍歷到文檔根元素，一直查找到根元素，并將匹配的元素加入集合

   .closest()要找到指定的目標(biāo)，向上查找直到找到一個(gè)匹配的就停止查找

   結(jié)果

   .parents()返回的是包含零個(gè)或多個(gè)元素的JQuery對(duì)象

   .closest()返回的是包含零個(gè)或一個(gè)元素的JQuery對(duì)象

12   .next()無(wú)參數(shù)，可以快速查找指定元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合，找遍元素集合中緊跟著這些元素的直接兄弟元素，并根據(jù)匹配的元素創(chuàng)建一個(gè)新的JQuery對(duì)象

13   .next()匹配合集中每一個(gè)元素的下一個(gè)兄弟元素，選擇性的接受同一類(lèi)選擇器表達(dá)式，需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選，找出目標(biāo)，允許傳一個(gè)選擇器的表達(dá)式

文章標(biāo)題：DOM——遍歷.parent()、.parents()、.closest()和.next()
網(wǎng)址分享：http://sd-ha.com/article36/geeosg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、靜態(tài)網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)站維護(hù)、網(wǎng)站收錄、用戶(hù)體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)