新聞中心
遍歷.parent()、.parents()、.closest()和.next()
站在用戶的角度思考問題,與客戶深入溝通,找到大觀網(wǎng)站設(shè)計(jì)與大觀網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:成都網(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()無參數(shù),能夠在DOM樹中搜索到這些元素的父級(jí)元素,有序的向上匹配元素,并根據(jù)匹配的元素創(chuàng)建一個(gè)新的JQuery對(duì)象
3 .parent()選擇性地接受同一型選擇器表達(dá)式,需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選,找出目標(biāo)元素,允許傳一個(gè)選擇器的表達(dá)式
4 .parents()可以快速查找合集里面的每一個(gè)元素的所有祖輩元素,
5 .parents()無參數(shù),選擇性地接受同一型選擇器表達(dá)式,返回的元素秩序是從離他們最近的父級(jí)元素開始的
6 .parents()能夠在DOM樹中搜索到這些元素的祖先元素,有序的向上匹配元素,并根據(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樹查找,返回一個(gè)包含document的集合
.parents()會(huì)往上一直查找到祖先節(jié)點(diǎn),返回一個(gè)空集合
9 .closest()接受一個(gè)匹配元素的選擇器字符串,從元素本身開始,在DOM樹上逐級(jí)向上級(jí)元素匹配,并返回最先匹配的祖先元素
10 .closest()查找當(dāng)前元素的父輩祖輩元素,給定的JQuery集合或元素來過濾元素,匹配合集中每一個(gè)元素的祖先元素,需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選,找出目標(biāo),允許傳一個(gè)JQuery的對(duì)象
11 .parents()和.closest()的區(qū)別
起始位置
.parents()開始于父元素
.closest()開始于當(dāng)前元素
便利的目標(biāo)
.parents()遍歷到文檔根元素,一直查找到根元素,并將匹配的元素加入集合
.closest()要找到指定的目標(biāo),向上查找直到找到一個(gè)匹配的就停止查找
結(jié)果
.parents()返回的是包含零個(gè)或多個(gè)元素的JQuery對(duì)象
.closest()返回的是包含零個(gè)或一個(gè)元素的JQuery對(duì)象
12 .next()無參數(shù),可以快速查找指定元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合,找遍元素集合中緊跟著這些元素的直接兄弟元素,并根據(jù)匹配的元素創(chuàng)建一個(gè)新的JQuery對(duì)象
13 .next()匹配合集中每一個(gè)元素的下一個(gè)兄弟元素,選擇性的接受同一類選擇器表達(dá)式,需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選,找出目標(biāo),允許傳一個(gè)選擇器的表達(dá)式
當(dāng)前標(biāo)題:DOM——遍歷.parent()、.parents()、.closest()和.next()
網(wǎng)站鏈接:http://fisionsoft.com.cn/article/geeosg.html