例
返回是直接的子元素<ul>
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
結果：
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
試一試» 定義和用法
在children()方法返回所選元素的所有直接子。
DOM樹：這種方法只遍歷一個級別向下DOM樹。 要遍歷下多個級別（返回孫輩或其他後代），使用find()方法。
提示：要遍歷一個級別了DOM樹，或者一路攀升到文檔的根元素（返回父母或其他祖先），使用parent()或parents()方法。
注意：此方法不返回文本節點。 要返回所有兒童，包括文本節點，請使用contents()方法。
句法
$(selector).children( filter )| 參數 | 描述 |
|---|---|
| filter | 可選的。 指定選擇器表達式來縮小兒童搜索 |
試一試 - 示例
返回的所有直接子女<ul>
如何返回的所有直接子女<ul>元素。
縮小搜索範圍
如何使用過濾器參數，返回所有<li>類名“第一”元素，是直接子女<ul>
返回所有<p>這是直接的子元素<div>
如何選擇所有<p>這是其父母的直接子元素<div>元素。
顯示元件由標記名稱的後代
演示，顯示一個誰的後代<div>元素實際上是。