猴子也能学会的jQuery——参考手册

 系列文章—目录

猴子也能学会的jQuery第一期——什么是jQuery

猴子也能学会的jQuery第二期——引用jQuery

猴子也能学会的jQuery第三期——使用jQuery

猴子也能学会的jQuery第四期——jQuery选择器大全

猴子也能学会的jQuery第五期——jQuery样式操作

猴子也能学会的jQuery第六期——jQuery事件（上）

猴子也能学会的jQuery第六期——jQuery事件（中）

未完待续

---

文章目录

系列文章—目录

回顾上期

jQuery祖先

jQuery parent()方法

jQuery parents()方法

jQuery parentsUntil()方法

jQuery后代

---

​

回顾上期

上期讲了jQuery遍历的内容，分为上中下三个部分

• jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。

jQuery祖先

• 祖先是指父、祖父或曾祖父等等。

• 通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。

​

• 通过jQuery这些方法可以用于向上遍历 DOM 树，parent()、parents()和parentsUntil()

---

jQuery parent()方法

• parent() 方法返回被选元素的直接父元素。

• 该方法只会向上一级对 DOM 树进行遍历。

• 下面通过代码演示，返回每个 元素的直接父元素。

  
div (曾祖父元素)
    
ul (祖父元素)  
      
li (父元素)
        span
      
    
   
  

  
div (祖父元素)   
    
p (父元素)
        span
      
 
  

---

jQuery parents()方法

• parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 （）。
• 下面通过代码演示，返回所有 元素的所有祖先。

body (曾曾祖父元素)
  
div (曾祖父元素)
    
ul (祖父元素)  
      
li (父元素)
        span
      
    
   
  

• 同时可以使用可选参数来过滤对祖先元素的搜索。
• 下面通过代码演示，返回所有 元素的所有祖先，并且它是
  元素。

  
  
  
  
  
  
  
  
  body (great-great-grandparent)
    
  div (great-grandparent)
      
  ul (grandparent)  
        
  li (direct parent)
          span
        
      
     
    
  
  
  

  

  ---

  jQuery parentsUntil()方法

  • parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
  • 下面通过代码演示，返回介于 与
    元素之间的所有祖先元素。

  
  
  
  
  
  
  
  
  
   body (曾曾祖父元素)
    
  div (曾祖父元素)
      
  ul (祖父元素)  
        
  li (父元素)
          span
        
      
     
    
  
  
  

  

  ---

  jQuery后代

  1

  1

  1

  1

 持续更新