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

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

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è)兄弟元素，選擇性的接受同一類選擇器表達(dá)式，需要對(duì)這個(gè)合集對(duì)象進(jìn)行一定的篩選，找出目標(biāo)，允許傳一個(gè)選擇器的表達(dá)式