jQuery children()方法

实例

找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色：

$("div").children(".selected").css("color", "blue");

亲自试一试

定义和用法

children() 方法返回返回被选元素的所有直接子元素。

语法

.children(selector)

参数	描述
selector	字符串值，包含匹配元素的选择器表达式。

详细说明

如果给定表示 DOM 元素集合的 jQuery 对象，.children() 方法允许我们检索 DOM 树中的这些元素，并用匹配元素构造新的 jQuery 对象。.find() 和 .children() 方法类似，不过后者只沿着 DOM 树向下遍历单一层级。

请注意，与大多数 jQuery 方法一样，.children() 不返回文本节点；如果需要获得包含文本和注释节点在内的所有子节点，请使用 .contents()。

该方法接受一个选择器表达式作为可选参数，与我们传递到 $() 的参数的类型是相同的。如果应用该选择器，将测试元素是否匹配该表达式，以此筛选这些元素。