{site_name}

{site_name}

🌜 搜索

jQuery对象函数.children()用于选择当前元素的所有直接子元素

前端 𝄐 0
jquerychilder是什么意思
jQuery对象函数.children()用于选择当前元素的所有直接子元素。

语法:

javascript
$(selector).children(filter)


参数:
- selector:可选。一个字符串,用于筛选子元素。
- filter:可选。一个字符串,用于进一步过滤子元素。

例子:

假设有以下 HTML 代码:

html
<div class="parent">
<div class="child1">Child 1</div>
<div class="child2">Child 2
<div class="grandchild1">Grandchild 1</div>
<div class="grandchild2">Grandchild 2</div>
</div>
<div class="child3">Child 3</div>
</div>


我们可以使用 .children() 方法来选择 .parent 元素的所有直接子元素:

javascript
$('.parent').children()


这将返回一个包含 .child1、.child2 和 .child3 这三个元素的 jQuery 对象。

我们可以添加一个选择器参数,以只选择某些类型的子元素。例如,下面的代码只会选择所有类名为 .child2 的子元素:

javascript
$('.parent').children('.child2')


最后,我们还可以使用第二个可选参数对子元素进行进一步筛选。例如,下面的代码只会选择 .child2 元素中的所有类名为 .grandchild1 的子元素:

javascript
$('.parent').children('.child2').children('.grandchild1')