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> 元素的后代实际是什么。
