find( )和children( )的区别

find()是查找指定元素所有的后代元素（包括子子孙孙）

用法：$(“.uu”).find(“li”).css(“color”, “red”);

解释：选择class为uu下所有的后代元素li

 

children()是查找指定元素的子元素（亲儿子元素）

用法：$(“.uu”).children(“li”).css(“color”, “red”);

解释：选择class为uu下的所有子元素li

 

以下案例解释

<ul class="uu">
    <li>1</li>
    <li>2<ul>
            <li>a</li>
            <li>b</li>
            <li>c</li>
        </ul>    
    </li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
<script>
    console.log($('.uu').find('li'));
    console.log($('.uu').children('li'));
</script>

通过控制台打印看二者的区别

 

由以上可以看出

find( )将.uu下所有的li打印出来；

而children( )只将.uu下的的子元素打印出，由此可以看出二者的区别。