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