jQuery |穿越后裔

使用 jQuery，我们可以向下遍历DOM 树以搜索元素的后代。
后代是孩子、孙子、曾孙等。

遍历 DOM 树：用于遍历 DOM 树的 jQuery 方法是。

• 孩子们（）
• 找（）

jQuery children() 方法
children()方法返回所选元素的所有直接子元素。
此方法仅向下遍历单个级别到 DOM 树。
例子：

  

    
        .descendants * {
            display: block;
            border: 2px solid lightgrey;
            color: lightgrey;
            padding: 5px;
            margin: 15px;
        }
    
    
  
    
        $(document).ready(function() {
            $("div").children().css({
                "color": "green",
                "border": "2px solid blue"
            });
        });
    

  

  
    
      current element
        child
            
              grandchild
          
        
    

  

输出：

jQuery find() 方法：
jQuery find() 方法返回所选元素的后代元素，一直到最后一个后代。
示例 2：

  

    
        .descendants * {
            display: block;
            border: 2px solid lightgrey;
            color: lightgrey;
            padding: 5px;
            margin: 15px;
        }
    
    
  
    
        $(document).ready(function() {
            $("div").find("span").css({
                "color": "green",
                "border": "2px solid blue"
            });
        });
    

  

  
    
      current element
        child
            grandchild
        
    
  

  

输出：