经常使用jquery,有时候就是傻傻分不清$obj.parent()和$obj.parents()的区别。今天就来做个彻底的了断。

来我们看举例:一个简单dom结构

<!DOCTYPE html>
<html><head><script src="jquery.js"></script></head><body><div class="div001"><div class="div01"><div class="div1" id="div1">div1</div></div></div><div class="div002"><div class="div02"><div class="div1 div2" id="div2">div2</div></div></div><div class="div003"><div class="div03"><div class="div1 div2 div3" id="div3">div3</div></div></div></body>
</html>

parent()就是找jquery选择器选择中的元素的直接父元素的集合,不含祖先元素

我们parent()中不带参数,找得就是jquery选择器选中元素的直接父元素集合

如果parent(selector)中带了选择器参数,那么找得就是 符合选择器参数的父元素的集合

我们再看parents().

parents()找得是 jquery选择器选中元素的祖先元素包括父元素,共同的祖先元素合并

如果parents(selector)中带了选择器参数,那么找得就是 符合这选择器参数的祖先元素的集合

jquey的parent()和parents()的区别相关推荐

  1. jquery遍历之parent()和parents()的区别及parentsUntil()方法详解

    转正于:http://www.jb51.net/article/44003.htm 没有图片,请看上面的原文 这篇文章主要介绍了jquery遍历之parent()和parents()的区别及paren ...

  2. jquery遍历之parent()与parents()的区别 及 parentsUntil() 方法

    .parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选). .parents(selector) 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选) ...

  3. .parent()和.parents()的区别

    parent的取值很明确,就是当前元素的父元素:parents则是当前元素的祖先元素.下面列出例子说明: 如下: <div id='div1'> <div id='div2'> ...

  4. parent()与parents()的区别

    parent()取得一个包含着所有匹配元素的唯一父元素的元素集合 parents()取得一个包含着所有匹配元素的祖先元素的元素集合(包含根元素). parent()方法查找对应的节点,只会向上搜索一层 ...

  5. php super和parent,parent()、parents()的用法区别

    parent():所有匹配元素的父元素的组合 parents():所有匹配元素的祖先元素(包括父元素)的组合 关键代码如下: 第1层DIV 第2层DIV 第3层DIV bbb $(function() ...

  6. Html遍历dom树,jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别

    在这个sprint中,因为要写前端UI,所以用到了jQuery,但是jQuery在向上遍历DOM树的API中,有parents(). parent().closest()这几个,一直不太清楚它们具体的 ...

  7. Jquery中的parent()与parents()取父元素的区别

    关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可 ...

  8. jquery找祖先包含_Jquery的parent和parents(找到某一特定的祖先元素)

    关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可 ...

  9. 关于Jquery的parent和parents

    关于Jquery的parent和parents 2008-12-25 01:58 关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. p ...

最新文章

  1. 软件测试培训分享:做软件测试需要掌握数据库的知识吗?
  2. AGC005D ~K Perm Counting
  3. tornado 模板
  4. 霍夫变换(初始学习)
  5. 长脖子鹿省选模拟赛 [LnOI2019SP]快速多项式变换(FPT)
  6. [cf797c]Minimal string(贪心+模拟)
  7. 高可用—Keepalived安装部署使用详解
  8. java AST 表达式_Atitti.java exp ast java表达式语法ast构造器
  9. android studio安装部署及sdk下载_「从零开始Python爬虫」1.7.3 APPium的安装
  10. Linux下安装DB2_v9.7详细教程
  11. UNIX系统基本结构
  12. 光谱分辨率单位_【ENVI入门系列】16.基本光谱分析
  13. python 分析泰坦尼克号生还率_泰坦尼克号上谁的生存几率更大?Kaggle 金牌得主 Python 数据挖掘框架发现真相...
  14. 开源软件之lftp的使用
  15. STM32 RTOS创建消息队列的两种方式(解决数据类型问题)
  16. NBUT 1647 (多校连萌3)
  17. 进程通信概念和进程通信方式
  18. WEBLOGIC部署错误解决笔记(BEA-090782等)
  19. 数模国赛历年题目 1992——2021
  20. change事件做延迟处理

热门文章

  1. python打包软件后报错 :SyntaxError: Non-UTF-8 code starting with ‘\x90‘ in file 的原因及解决方法
  2. python 删除set指定值_Python操作三大数据库 Redis
  3. 标准时间校对_光源色灯箱标准原理
  4. Android笔记-ERROR: Invalid revision: 3.17.20200511-g8787079
  5. Spring Boot文档阅读笔记-EhCache的使用
  6. SpringShell文档阅读笔记-SpringShell的基本使用
  7. MySQL笔记-死锁原理与分析及InnoDB中如何减少死锁
  8. MySQL笔记-Linux平台中MySQL的启动和关闭
  9. 前端笔记-thymeleaf获取及回显input标签type=time
  10. Java工作笔记-@Value注解的使用(可用于配置文件)