品易云推流 关闭
文章详情页
文章 > JavaScript > jquery中parent()和parents()有什么区别?

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

头像

宋雪维

2021-02-01 09:37:464274浏览 · 0收藏 · 0评论

在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教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图