后代是子、孫、曾孫等等,通過 jQuery,您能夠向下遍歷 DOM 樹,以查找元素的后代。
下面是兩個(gè)用于向下遍歷 DOM 樹的 jQuery 方法:
children() find()
jQuery children() 方法
獲得匹配元素集合中每個(gè)元素的子元素,選擇器選擇性篩選。
因?yàn)榫蚸Query可以是一個(gè)DOM的合集對(duì)象,所以children
就需要遍歷每一個(gè)合集中的直接子元素了,并且最后需要構(gòu)建一個(gè)新的jQuery對(duì)象。
jQuery find() 方法
1、.find()方法返回被選元素的后代元素,一路向下直到最后一個(gè)后代。
2、.find()
方法允許我們能夠通過查找DOM樹中的這些元素的后代元素,匹配的元素將構(gòu)造一個(gè)新的jQuery對(duì)象。
3、.find()
和.children()
方法是相似的,但后者只是再DOM樹中向下遍歷一個(gè)層級(jí)。
4、.find()
方法還可以接受一個(gè)選擇器表達(dá)式,該選擇器表達(dá)式可以是任何可傳給$()
函數(shù)的選擇器表達(dá)式。如果緊隨兄弟匹配選擇器,它將被保留在新構(gòu)建的jQuery對(duì)象中;否則,它被排除在外。
這個(gè)方法用的概率相當(dāng)高,除了接受一個(gè)選擇器外,還可以接受一個(gè)jQuery對(duì)象,我們可以看到.find()方法的內(nèi)部實(shí)際上是調(diào)用的jQuery.find 也就是sizzle的引擎選擇器。
當(dāng)然在高級(jí)版本中我們大多數(shù)可以這樣處理:
function find(elem, selector) { return elem.querySelectorAll(selector); }
通過在指定的上下文,通過querySelectorAll直接查找出元素,具體是sizzle在之前就分析過了。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)