JQUERY child(子元素)

在 jQuery 中，.children() 方法用于选择匹配元素集合中每个元素的所有直接子元素。这个方法返回一个包含所有子元素的 jQuery 对象。

使用方法

$("父元素选择器").children();

示例

假设有如下 HTML 结构：

<div class="parent">
    <div class="child1"></div>
    <div class="child2"></div>
</div>

要选择 .parent 元素的所有直接子元素 .child1 和 .child2，可以使用以下 jQuery 代码：

$(".parent").children().css("border", "1px solid red");

注意事项

• .children() 方法仅选择每个匹配元素的直接子元素，不包括子元素的子元素（孙元素）。

• 如果没有任何子元素匹配，则返回空的 jQuery 对象。

• 可以使用选择器作为 .children() 的参数，以过滤匹配元素的子元素。

使用场景

• 操作子元素：对直接子元素执行操作，如修改样式、绑定事件等。

• 获取子元素信息：获取直接子元素的属性或内容。

总的来说，.children() 是 jQuery 中用于选择匹配元素的直接子元素的方法，非常有用于 DOM 操作和遍历需求。