Jquery獲取子元素的方法有2種,分別是children()方法和find()方法。
創(chuàng)新互聯(lián)公司長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為化隆企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì),化隆網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
1.children()方法:獲取該元素下的直接子集元素
2.find()方法:獲取該元素下的所有子集元素
3.children()方法獲取ul下面直接子集元素li:$("ul").children("li")
4.find()方法獲取ul下所有元素li:$("ul").find("li")
5.children和find的區(qū)別:children只會查找直接子集,而find會跨越層級查找,一直找到?jīng)]有為止。
query獲取子元素的方法有2種,分別是children()方法和find()方法。下面我們分別來使用這兩種方法,看看它們有何差異。
children()方法:獲取該元素下的直接子集元素
find()方法:獲取該元素下的所有子集元素
分別以以下HTML代碼為例:ullilist1ullilist1-1/lililist1-2/li/ul/lililist2ullilist2-1/lililist2-2/li/ul/lililist3ullilist3-1/lililist3-2/li/ul/li/ul
children()方法獲取ul下面直接子集元素li:$("ul").children("li")
需要注意的是,如果li元素下還有l(wèi)i元素,children方法將不會被獲取。我們可以用length來測試獲取的個(gè)數(shù)“$("ul").children("li").length”,最后輸出結(jié)果為3
find()方法獲取ul下所有元素li:$("ul").find("li")
需要注意的是,find方法會無限循環(huán)查找ul標(biāo)簽節(jié)點(diǎn)下的li,一直找到?jīng)]有為止,用length來測試獲取個(gè)數(shù)“$("ul").find("li").length”,最后輸出結(jié)果為9
children和find的區(qū)別:children只會查找直接子集,而find會跨越層級查找,一直找到?jīng)]有為止。
Jquery獲取子元素的方法有2種,分別是children()方法和find()方法。下面我們分別來使用這兩種方法,看看它們有何差異。
children()方法:獲取該元素下的直接子集元素
find()方法:獲取該元素下的所有子集元素