jQuery幫助之篩選查找 children([expr])
更新時(shí)間:2011年01月31日 15:57:09 作者:
取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。
children([expr])
取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。
可以通過可選的表達(dá)式來過濾所匹配的子元素。注意:parents()將查找所有祖輩元素,而children()之考慮子元素而不考慮所有后代元素。
返回值:jQuery
參數(shù):
expr (String) : (可選) 用以過濾子元素的表達(dá)式。
示例:
查找DIV中的每個(gè)子元素。
HTML 代碼:
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
jQuery 代碼:
$("div").children()
結(jié)果:
<span>Hello Again</span>
在每個(gè)div中查找 .selected 的類。
HTML 代碼:
jQuery 代碼:
結(jié)果:
取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。
可以通過可選的表達(dá)式來過濾所匹配的子元素。注意:parents()將查找所有祖輩元素,而children()之考慮子元素而不考慮所有后代元素。
返回值:jQuery
參數(shù):
expr (String) : (可選) 用以過濾子元素的表達(dá)式。
示例:
查找DIV中的每個(gè)子元素。
HTML 代碼:
復(fù)制代碼 代碼如下:
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("div").children()
結(jié)果:
復(fù)制代碼 代碼如下:
<span>Hello Again</span>
在每個(gè)div中查找 .selected 的類。
HTML 代碼:
復(fù)制代碼 代碼如下:
<div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("div").children(".selected")
結(jié)果:
復(fù)制代碼 代碼如下:
<p class="selected">Hello Again</p>
相關(guān)文章
jQuery實(shí)現(xiàn)判斷滾動(dòng)條到底部
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷滾動(dòng)條到底部的相關(guān)資料,需要的朋友可以參考下2015-06-06
jquery獲得頁面元素的坐標(biāo)值實(shí)現(xiàn)思路及代碼
獲得頁面元素的坐標(biāo)值也是一項(xiàng)比較實(shí)用的功能,接下來為大家詳細(xì)介紹下如何實(shí)現(xiàn),yulutxt是輸入經(jīng)典語錄的輸入框feedBackMessage函數(shù)為執(zhí)行2013-04-04
jQuery+Cookie實(shí)現(xiàn)切換皮膚功能【附源碼下載】
這篇文章主要介紹了jQuery+Cookie實(shí)現(xiàn)切換皮膚功能,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合cookie動(dòng)態(tài)變換頁面元素樣式的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-03-03
利用jQuery.Validate異步驗(yàn)證用戶名是否存在(推薦)
這篇文章主要介紹了利用jQuery.Validate異步驗(yàn)證用戶名是否存在的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12
模仿jQuery each函數(shù)的鏈?zhǔn)秸{(diào)用
模仿jQuery each函數(shù)的鏈?zhǔn)秸{(diào)用實(shí)現(xiàn)代碼。2009-07-07
jQuery 實(shí)時(shí)保存頁面動(dòng)態(tài)添加的數(shù)據(jù)的示例
本篇文章主要介紹了jQuery 實(shí)時(shí)保存頁面動(dòng)態(tài)添加的數(shù)據(jù)的示例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
jQuery實(shí)現(xiàn)左右切換焦點(diǎn)圖
這篇文章主要介紹了jQuery實(shí)現(xiàn)左右切換焦點(diǎn)圖的核心代碼,有需要的小伙伴可以參考下2015-04-04
基于jquery實(shí)現(xiàn)的樹形菜單效果代碼
這篇文章主要介紹了基于jquery實(shí)現(xiàn)的樹形菜單效果代碼,實(shí)例分析了jquery基于鼠標(biāo)事件動(dòng)態(tài)改變頁面元素屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09

