jQuery 查找子元素 children 和 find 的区别

江河/ 2023年04月03日/ JavaScript/ 浏览 1372

JQuery 有两个方法可以查找子元素,即 children 和 find。两个方法有什么区别呢?简单说就是,children是找儿子,find是找所有的后辈子孙。


看一个例子就清楚了。


<div class="ni">
    <div class="er-1">
        <div class="sun-1"></div>
        <div class="sun-2"></div>
    </div>
    <div class="er-2">
        <div class="sun-3"></div>
        <div class="sun-4"></div>
        <div class="sun-5"></div>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script>
    $(function () {
        // 输出 2 - 两个儿子
        console.log($('.ni').children('div').length);

        // 输出 7 - 两个儿子+5个孙子
        console.log($('.ni').find('div').length);
    });
</script>


还有个小差别,children可以不传参,返回所有的儿子元素;find必须传参。

发表评论

暂无评论,抢个沙发...

客服 工单