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

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必须传参。