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

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

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

1   .parent()快速查找合集里面的每一個元素的父元素，即父親與兒子的關系，因為是父元素，所以只會向上查找一級

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

3   .parent()選擇性地接受同一型選擇器表達式，需要對這個合集對象進行一定的篩選，找出目標元素，允許傳一個選擇器的表達式

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

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

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

7   .parents()需要對這個合集對象進行一定的篩選，找出目標元素，允許傳一個選擇器的表達式

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

   .parent()只會查找一級，只進行一個單級DOM樹查找，返回一個包含document的集合

   .parents()會往上一直查找到祖先節(jié)點，返回一個空集合

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

10   .closest()查找當前元素的父輩祖輩元素，給定的JQuery集合或元素來過濾元素，匹配合集中每一個元素的祖先元素，需要對這個合集對象進行一定的篩選，找出目標，允許傳一個JQuery的對象

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

   起始位置

   .parents()開始于父元素

   .closest()開始于當前元素

   便利的目標

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

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

   結(jié)果

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

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

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

13   .next()匹配合集中每一個元素的下一個兄弟元素，選擇性的接受同一類選擇器表達式，需要對這個合集對象進行一定的篩選，找出目標，允許傳一個選擇器的表達式

文章標題：DOM——遍歷.parent()、.parents()、.closest()和.next()
網(wǎng)址分享：http://muchs.cn/article36/geeosg.html

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

廣告

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