jquery parent和parents的区别

    
     
   
         
   
             
 Home 
  
         
   
     
  
     
End
  
     
接下来，分别看看这两个方法：  
  
    
    //点击Home时   
     $("#menu a").click(function() {  
         $(this).parent("ul").css("background", "yellow"); //以下介绍用0表示
         $(this).parent("li").parent("ul").css("background", "yellow"); //以下介绍用1表示 
         $(this).parents("ul").css("background", "yellow"); //以下介绍用2表示
     });   
    
1.parent()方法从指定类型的直接父节点开始查找，在"0"中，的直接父节点是
所以在这里找不到
父节点。在"1"中先找到了
，接着找到
，并将它的背景色设置为yellow。parent()返回一个节点。
2.parents()方法查找方式同parent()方法类似，不同的一点在于，当它找到第一的父节点时并没有停止查找，而是继续查找，最后返回多个父节点，如在"2"中，使得id为menu的ul整个背景色变成了yellow。