在很多場(chǎng)景下，需要根據(jù)一個(gè)已知的jquery對(duì)象，去查找其滿足條件的后代節(jié)點(diǎn)。

這時(shí)可以利用 find函數(shù)和children來(lái)處理。

find和children函數(shù)都可有一個(gè)參數(shù)，常見(jiàn)的是一個(gè)字符串，其值就是選擇器，含義同利用 $()函數(shù)來(lái)獲取元素。

兩者的區(qū)別是children函數(shù)只獲取其滿足條件的第一層子節(jié)點(diǎn)，而find函數(shù)則獲取所有下級(jí)子節(jié)點(diǎn)。

下面我們舉例說(shuō)明：

<div id="mydiv"><p id="pid"></p><span class="aspan">hello</span><div><a id="aid"></a><span class="aspan">test</span></div> </div> js代碼如下： var obj = $("#mydiv"); //獲取到obj元素下的 div標(biāo)簽下的樣式為aspan下的元素 var child = obj.find("div .aspan"); alert(child.html());children方法 obj.children() 獲取obj的第一層所有子節(jié)點(diǎn) obj.children("span") 獲取obj的第一層所有標(biāo)簽為span子節(jié)點(diǎn) obj.children("a") 返回為空，因?yàn)閍標(biāo)簽不是obj的直接子節(jié)點(diǎn)，這時(shí)應(yīng)該用find方法

?通過(guò)children方法獲得是一個(gè)jquery對(duì)象，利用 get(index)和 [index]取得的是dom對(duì)象，可以利用 first方法獲取其中包含的第一個(gè)dom對(duì)象對(duì)應(yīng)的jquery對(duì)象。

可以看出，使用這兩個(gè)函數(shù)，核心就是其輸入?yún)?shù)，即編寫(xiě)相應(yīng)的選擇器.

注意，利用find方法，如果條件不存在沒(méi)有匹配的元素，則返回的并非是null或undefined，可以通過(guò) length屬性為0是否匹配到。

?

轉(zhuǎn)載于:https://www.cnblogs.com/51kata/p/5103562.html

總結(jié)

以上是生活随笔為你收集整理的Jquery学习笔记：利用find和children方法获取后代元素的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。