jquery怎么查询子元素

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jQuery 子元素选择器 find() 和 children()

children()方法：获取该元素下的直接子集元素

find()方法：获取该元素下的所有（包括子集的子集）子集元素

    
    11        
    
aaa
    
bbb
    
ccc
    
        222    
    
ddd
    
eee
    
fff
    
    
  <script src="http://code.jquery.com/jquery-latest.js"></script><script>$("div").children(".no1").css({color:"#a61c00",backgroundColor:"#0000ff"});console.log($("div").children(".no1")[0]); // 打印获取到的dom元素 这时你会发现结果为 undefined  // $("div").find(".no1").css({color:"#a61c00",backgroundColor:"#0000ff"});</script>

此时我们再把find 这项打开注释

    
    11        
    
aaa
    
bbb
    
ccc
    
        222    
    
ddd
    
eee
    
fff
    
    
 <script src="http://code.jquery.com/jquery-latest.js"></script><script>// $("div").children(".no1").css({color:"#a61c00",backgroundColor:"#0000ff"});// console.log($("div").children(".no1")[0]);  $("div").find(".no1").css({color:"#a61c00",backgroundColor:"#0000ff"});console.log($("div").find(".no1")[0]);</script>

对应截图：

总结 一下区别：

children() 方法返回返回被选元素的所有直接子元素 （直接子元素，只找儿子不要孙子（： 也就是说不会递归去遍历）

find()方法获得当前元素集合中每个元素的后代 （注意find（）方法，必须传参数，否者无效）

【推荐学习：jQuery视频教程、web前端】

以上就是jquery怎么查询子元素的详细内容，更多请关注php中文网其它相关文章！

关键词： 相关文章 你会发现 也就是说