jQuery中.parent和.parents的区别

1.parent方法分为有参和无参。

• .parent()无参
  获得当前匹配元素集合中每个元素的** 父元素 **（这个方法只会向上查找一级），得到一个合集对象。

<div class="div1">
    <ul class="son">
        <li class="grandson">1</li>
    </ul>
</div>

查找ul的父元素div,$(ul).parent()，就是这样简单的表达。

• .parent(selector)有参
  有时我们可能需要对这个合集对象进行一定的筛选，找出目标元素，所以允许传一个选择器的表达式。

<div class="div1">
    <ul class="son">
        <li class="grandson">1</li>
    </ul>
</div>

查找ul的类名为div1的 父元素div,$(ul).parent(.div1)。

2..parents() 方法分为有参和无参。

• .parents()无参
  获得当前匹配元素集合中每个元素的** 祖先元素 **（每一个元素的所有祖辈元素），得到一个合集对象。

<div class="div1">
    <ul class="son">
        <li class="grandson">1</li>
    </ul>
</div>

在li节点上找到祖辈元素div， 这里可以用$("li").parents()方法

• .parents(selector)有参
  对这个合集对象进行一定的筛选，找出目标元素，允许传一个选择器的表达式，方法同.parent(selector)有参。