例
返回是直接的子元素<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>元素实际上是。