jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
在这个sprint中,因为要写前端UI,所以用到了jQuery,但是jQuery在向上遍历DOM树的API中,有parents()、parent()、closest()这几个,一直不太清楚它们具体的区别,所以狠下心好好读了一下jQuery的API文档,并把区别记在这里,以供参考。
本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的祖先节点,并将这些节点包装成jQuery对象返回,返回的节点集是以从里到外的顺序排序的。
同时,本方法还接受一个字符串选择器,用于从返回的节点集中筛选符合选择器的子元素集。
本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的父节点。它和parents()不同的是,它只向上搜索一层,而parents()会搜索整个DOM树。
本方法也可以接受一个字符串选择器,用于筛选返回的元素。
本方法用于向上遍历jQuery对象中包含的DOM元素或者DOM元素集的祖先节点,直到找到符合selector选择器的节点为止。
它和parents()的区别:
一个能说明区别的例子:
<!DOCTYPEhtml>
<html>
<head>
<title>atestdocument</title>
</head>
<body>
<div>
<p>
<span>
<b>Myparents</b>
</span>
</p>
</div>
</body>
</html>
在上述文档中:
相关文章
- jQuery Google Charts—-一个封装google chart api的jquery插件详解编程语言
- jquery操作checkbox方法(全选、全不选、至少选择一个、选择值/文本)详解编程语言
- jQuery图片切换插件jquery.cycle.js详解编程语言
- javascript和jQuery的类型判断详解编程语言
- jquery each循环遍历完再执行的方法详解编程语言
- jQuery遍历json数组的实现代码
- 初窥JQuery-Jquery简介入门了解篇
- jquery调用wcf并展示出数据的方法
- jQuery自定义函数写法分享
- 使用js+jquery实现无限极联动
- 基于JQuery的列表拖动排序实现代码
- jquery设置元素相对于另一个元素的top值(实例代码)
- jquery遍历筛选数组的几种方法和遍历解析json对象
- jquery遍历select元素(实例讲解)
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jQuery遍历之next()、nextAll()方法使用实例
- 浅谈jQuery中对象遍历.eq().first().last().slice()方法
- jQuery打印指定区域Html页面并自动分页
- 基于编写jQuery的无缝滚动插件