jQuery.children()方法详解

.children() 方法

1、定义及用法：.children() 方法返回选中元素的所有直接子元素。

DOM树：该方法仅遍历DOM树的一层。如果需要遍历多层子元素（包括所有后代），请使用 .find() 方法。

如果需要向上遍历单层或多层父元素，请使用 .parent() 或 .parents() 方法。

注意：.children() 方法不会返回文本节点。如果需要获取包含文本节点的所有子节点，请使用 .contents() 方法。

语法：
$(selector).children([filter]);
参数 filter 是可选的，用于缩小搜索范围的选择器表达式。

2、示例：

示例 1：
$("ul").children().css({"color":"red"});
此代码将所有

元素的直接子元素的颜色设置为红色。

示例 2：
$("ul").children("li.1").css({"color":"red"});
此代码将所有

元素下带有类名 '1' 的
• 子元素的颜色设置为红色。

  更多详情：Runoob jQuery .children() 方法教程