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)
| 参数 | 描述 |
|---|---|
| filter | 可选。指定一个选择器表达式以缩小对子元素的搜索范围 |
亲自尝试 - 示例
返回 <ul> 的所有直接子元素
如何返回 <ul> 元素的所有直接子元素。
缩小搜索范围
如何使用 filter 参数返回所有具有类名 "first" 的 <li> 元素，这些元素是 <ul> 的直接子元素。
返回 <div> 的所有 <p> 直接子元素
如何选择所有 <p> 元素，这些元素是其父 <div> 元素的直接子元素。
按标签名称显示元素的后代
一个演示，展示 <div> 元素的后代实际上是谁。
