标题jquery获取父元素及祖先元素

parent()方法和parents()方法都是获取父代元素,使用区别如下:
parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点 。
从字面上不难看出

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。
实例:

<div id='div1'><div id='div2'><p></p></div><div id='div3' class='a'><p></p></div><div id='div4'><p></p></div></div>

用法:

$('p').parent()//取到的是div2,div3,div4
$('p').parent('.a')//取到的是div3
$('p').parent().parent()//取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
$('p').parents()//取到的是div1,div2,div3,div4
$('p').parents('.a')//取到的是div3
parent(exp)//用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

jquery获取父元素及祖先元素相关推荐

  1. jquery 滚动到某个div_如何使用jQuery获取父元素

    jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例. web前端学习:打造 ...

  2. jQuery获取父元素及父节点的方法小结

    这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下 本文实例总结了jQuery获取父元素及父节点的方法.分 ...

  3. jquery获得当前元素父级元素_如何使用jQuery获取父元素

    jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例.web前端学习:打造全 ...

  4. dom元素滚动条高度 js_js,jquery 获取滚动条高度和位置, 元素距顶部距离

    一,获取滚动条高度和位置 jQuery 获取览器显示区域的高度: $(window).height(); 获取浏览器显示区域的宽度:$(window).width(); 获取页面的文档高度:$(doc ...

  5. jQuery获取带点的id元素

    一般jQuery获取某个id为elem元素,只需用$('#elem')就行了,但是如果id中不小心包括了'.' ,那么我吗就会发现这时候jQuery就不能获取到这个元素了.但是使用dom原生的getE ...

  6. JQuery获取父,子,兄弟节点

    jQuery.parent(expr) // 查找父节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent ...

  7. jquery 获取父页面Id 值

    jquery 获取父页面Id 值 $('#id', parent.document).val();

  8. jquery获取父级元素和子级元素

    <script type="text/javascript">function show(x){var y=$(x);//转换成jquery对象//查找父元素alert ...

  9. js和jquery获取父级元素、子级元素、兄弟元素的方法{转}

    先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当成DOM元素 原生的JS ...

最新文章

  1. CacheDependency用法
  2. python网络编程库_python网络编程学习笔记(9):数据库客户端
  3. python 类和对象 经常用吗_python基础教程之对象和类的实际运用
  4. linux定时器无法重启pm2,pm2无法自动重启
  5. 大学学python用记笔记吗_3年Python程序员平时学习笔记总结,对于学习Python非常有帮助!...
  6. php微框架 flight源码阅读
  7. 注册终止处理函数atexit()
  8. Struts2 多方法的Action
  9. PHP、JS、Python,数据库 获取今天是星期几了?[开发篇]
  10. Tomcat----windows系统通过命令符“强制关闭Tomcat”
  11. Markdown 使用感受
  12. Flutter之导航栏骨架实现
  13. 模拟位置 定位 钉钉打卡 运动轨迹 MD
  14. springboot添加多数据源并实现事务一致性
  15. NYOJ779 兰州烧饼
  16. 滴滴-2019+快手2020(A)-校园招聘算法工程师笔试题
  17. windows 7 iso镜像刻录到U盘后选择安装的版本
  18. 招银网络科技算法面试
  19. iMessage群发,苹果群发技术开源
  20. 微信转发后链接中不显示缩略图

热门文章

  1. 技术动态 | Neo4j知识图谱的技术解析及案例分享
  2. SOLIDWORKS工程图转DWG字体乱码怎么办?
  3. 互联网概述及互联网接入方法(3)
  4. Linux命令必备(一)
  5. v-bind:title 绑定元素的title与实例属性一致
  6. 计算机 标量,什么是标量机?标量、向量、张量的区别
  7. storage/emulated/0路径下的File.listFiles返回值为null
  8. 成为世界第三大运动品牌还不满足 安踏想要占领你的“心智”
  9. python解析jmeter.jtl文件_jtl文件解析(jmeter+jenkins+python实现接口自动化)
  10. js和java获取浏览器内核和版本