jquery中parent()和parents()有什么区别？

在jquery向上遍DOM树的方法中，parent()和parents()都可以接受可选的选择器表达式，并对选择器对元素进行筛选。但是一个返回的是对象，一个返回的数组，那么这二者肯定是有使用区别的，本文从定义、作用、获取节点、使用方法和返回数据类型这几个角度向大家介绍parent()和parents()的区别。

1、定义不同

.parent(selector)获得当前匹配元素集合中每个元素的父元素，由选择器筛选（可选）；

.parents(selector)获得当前匹配元素集合中每个元素的祖先元素，由选择器筛选（可选）。

2、作用不同

parent()方法的作用是返回的是其上一级的父元素的jQuery对象输出； parents()方法的作用是返回的是其全部的父元素的jQuery对象输出。

3、获取节点不同

parent()方法是获取当前节点的直接父节点；

parents()方法是获取当前节点的所有祖先节点。

4、使用方法不同

parent()方法使用原生的parentNode属性来获取；

parents()方法用的是原生的parentNode，又调用了dir方法，并一直循环到document为止。

5、返回数据类型不同

parent()方法返回的是一个对象；

parents()方法返回的是一个数组。