jQuery children()方法

简介

children()方法是jQuery中的一个用于选择器以及DOM遍历的方法。它用于获取匹配元素的子元素集合，可以接受一个可选的参数作为筛选条件。

语法

$(selector).children(filter)

参数说明：

• selector：必需，用于指定选择器。
• filter：可选，用于指定筛选条件。

示例

HTML代码：

<ul id="myList">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    <li>jQuery
        <ul>
            <li>选择器</li>
            <li>事件</li>
        </ul>
    </li>
</ul>

jQuery代码：

$(document).ready(function(){
    $("#myList").children().css("color", "red");
});

作用：将<ul id="myList">的子元素的文本颜色变为红色。

筛选条件

children()方法可以接受一个可选的参数作为筛选条件，用于过滤子元素集合。

以下是一些常见的筛选条件：

• 选择器：可以使用任何有效的选择器，例如"p"、".selected"等。
• .class：选择指定类名的元素。
• :first：选择第一个元素。
• :last：选择最后一个元素。
• :even：选择偶数位置的元素。
• :odd：选择奇数位置的元素。

示例：

$('#myList').children(':first').addClass('first');
$('#myList').children(':last').addClass('last');
$('#myList').children(':even').addClass('even');
$('#myList').children(':odd').addClass('odd');

注意事项

• children()只会匹配子级元素，不会匹配所有下级元素。
• 返回的结果集仍然是jQuery对象，可以继续使用jQuery方法。
• 如果使用*选择器，则将匹配所有子元素。
• 如果未指定过滤条件，则将返回所有子元素。

参考链接

• jQuery API Documentation