码迷,mamicode.com
首页 > 其他好文 > 详细

parent(),parents()与closest()的区别与详解

时间:2019-02-02 11:24:48      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:jquery   strong   eve   详解   元素   方法   不同   开始   描述   

方法 例子 描述


parent() ?????????????????????
获得集合中每个匹配元素的父级元素 $(‘.item-1‘).parent().css(‘background-color‘,‘red‘);
parent()方法从指定类型的直接父节点开始查找。
parent()返回一个元素节点。

parents() ?????
获得集合中每个匹配元素的祖先元素 $(‘.item-1‘).parents(‘ul‘).css(‘background-color‘,‘red‘);
parents()方法查找方式同parent()方法类似,不同的一点在于,当它找到第一个父节点时并没有停止查找,而是继续查找,最后返回多个父节点

closest() ??
从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素 $(‘.item-1‘).closest(‘ul‘).css(‘background-color‘,‘red‘);
closest()方法查找是从包含自身的节点找起,它同parents()方法类似,不同点就在于它只返回匹配的第一个元素节点。

End

ps:部分摘选自《锋利的jQuery》 -人民邮电出版社

parent(),parents()与closest()的区别与详解

标签:jquery   strong   eve   详解   元素   方法   不同   开始   描述   

原文地址:https://www.cnblogs.com/MarthaRen-diligence/p/10347789.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!