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()方法返回的是一个数组。

以上就是jquery中parent()和parents()区别介绍，希望能对你有所帮助哦~更多JavaScript学习推荐：JavaScript教程。

小编介绍过jquery向上遍历dom树的三种方法，jquery遍历dom树除了按照向上的顺序进行遍历。也可以按照向下的顺序进行遍历。本文介绍jquery向下遍历dom树的两种方法：1、children ...