jQuery中children() 与find()方法的区别

时间:2016-07-21 22:57:45 类型:JS/JQUERY
字号:    

学习JQUERY遍历时,发现children()与find()方法都是可以找到后代元素的,那么他们有什么区别呢?

1.  children() 方法返回被选元素的所有直接子元素[注意:直接]
2.  
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代[儿子,孙子,孙的儿子,孙的儿子的儿子...] 
用法如下:
       
下面的例子返回每个
元素的所有直接子元素    
        $(document).ready(function(){
                            $("div").children(); 
        }); 
           
下面的例子返回属于
后代的所有 元素
            
$(document).ready(function(){
                        $("div").find("span"); 
        });
         
下面的例子返回
的所有后代
         $(document).ready(function(){
                    $("div").find("*"); 
     });