jQuery | children() 示例

在 jQuery 中，children() 方法用于获取匹配元素集合中每个元素的子元素。

语法

$(selector).children(filter)

filter 参数可选，用于指定一个 CSS 选择器，用于从子元素中过滤出指定的元素。

示例

HTML 代码：

<div class="parent">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
  <div class="child">Child 3</div>
</div>

jQuery 代码：

$(".parent").children().css("background-color", "green");

上述代码会将 .parent 元素的所有子元素的背景颜色设为绿色。

使用filter参数：

$(".parent").children(".child").css("background-color", "green");

上述代码只会将 .parent 元素下的类名为 .child 的子元素的背景颜色设为绿色。

返回值

children() 方法返回一个 jQuery 对象，包含匹配元素集合中所有子元素。

注意事项

1. 注意与find()方法的区别：children() 方法只会查找第一层子元素，而find()方法会查找所有子元素。

2. 如果没有指定 filter 参数，则 children() 方法会返回匹配元素集合中所有子元素。

3. 如果匹配元素集合中没有子元素，children() 方法返回空的 jQuery 对象。