jQuery children() 方法
示例
返回 <ul> 的直接子元素
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
結果
body (曾祖父)div (祖父)ul (父級)- li (子) span (孫子)
自己動手試一試 »
定義和用法
children() 方法返回所選元素的**所有直接子元素**。
DOM 樹：此方法僅向下遍歷 DOM 樹的一個級別。要向下遍歷多個級別（返回孫子或其他後代），請使用 find() 方法。
提示：要向上遍歷 DOM 樹的一個級別，或一直向上到文件的根元素（返回父元素或其他祖先元素），請使用 parent() 或 parents() 方法。
注意：此方法不返回文字節點。要返回所有子元素（包括文字節點），請使用 contents() 方法。
語法
$(selector).children(filter)
| 引數 | 描述 |
|---|---|
| 篩選器 | 可選。指定一個選擇器表示式來縮小子元素的搜尋範圍 |
親手嘗試 - 示例
返回 <ul> 的所有直接子元素
如何返回 <ul> 元素的**所有直接子元素**。
縮小搜尋範圍
如何使用 filter 引數返回類名為 "first" 的**所有
返回 <div> 的所有直接子元素 <p>
如何選擇**所有
按標籤名顯示元素的後代
一個演示，展示了 <div> 元素的後代實際是什麼。
