jQuery遍历之向下遍历（children方法和find方法）

需要在body中添加如下代码，来显示程序效果

<div id="div1">
   <div id="div2">
     <p><a>hello</a></p>
   </div>
</div>

js文件中需要如下代码

$(document).ready(function(){
    $("#div1").children().css({border:"3px solid #FF0000"});
    //设置div1的儿子,也就是div2的边框和颜色
    //$("#div1").find("p").css({border:"3px solid #FF0000"});
    //设置div1下任何元素的css样式，可直接在find中指出
});

运行结果

可以看到div2的边框变成了红色，这是通过children控制实现的效果

总结：children元素只可以控制本元素的儿子元素，然而find可以控制任何元素，只需要在find（）中指出就好了