首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

jquery中的查找parents与closest方法之间的区别

Posted in Javascript onDecember 02, 2013

一、返回值 前者可以返回多个元素 或者只能返回0个或者1个

二、停止的时间不同 前者是所有的上级元素即一直到根一般是body  后者是知道发现为止，发现一个就停止了

三、开始的元素不同 前者是从父元素开始  后者是从自身开始的

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>查找父元素</title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
</head>
<body>
 <div class="divclass" id="div1" style="width:300px;height:150px;">
  <div  style="width:200px;height:100px; margin-top:10px;margin-left:30px;">
  <p>
    给祖先添加边框
  </p>
  </div>
 </div>
</body>
</html>
 <script>
     $("p").closest("div[id='div1']").css("border", "1px solid blue");
 </script>

可以试着把closest改成parents

jquery中的查找parents与closest方法之间的区别

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
jQuery 开发者应该注意的9个错误
May 03 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
Jul 18 Javascript
浅谈JavaScript中变量和函数声明的提升
Aug 09 Javascript
js调用屏幕宽度的简单方法
Nov 14 Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 Javascript
使用store来优化React组件的方法
Oct 23 Javascript
vue webpack实用技巧总结
Apr 24 Javascript
angular4强制刷新视图的方法
Oct 09 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
js实现简易拖拽的示例
Oct 26 Javascript
jquery中的过滤操作详细解析
Dec 02 #Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 #Javascript
用JS实现3D球状标签云示例代码
Dec 01 #Javascript
js arguments,jcallee caller用法总结
Nov 30 #Javascript
js中arguments的用法(实例讲解)
Nov 30 #Javascript
JavaScript中的undefined学习总结
Nov 30 #Javascript
浅析JavaScript中的typeof运算符
Nov 30 #Javascript
瑞典购物网站(55) 芬兰购物网站(10) 肯尼亚购物网站(2) 荷兰购物网站(99) 丹麦购物网站(22) 比利时购物网站(33) 意大利购物网站(128) 南非购物网站(8) 挪威购物网站(7) 阿根廷购物网站(9)
You might like
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
PHP SPL标准库之接口(Interface)详解
2015/05/11 PHP
利用php实现一周之内自动登录存储机制（cookie、session、localStorage）
2016/10/31 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
Laravel实现ORM带条件搜索分页
2019/10/24 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
2017/04/18 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
js实现for循环跳过undefined值示例
2019/07/02 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
JS实现省市县三级下拉联动
2020/04/10 Javascript
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
[55:45]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.24
2019/09/10 DOTA
详解python字节码
2018/02/07 Python
浅谈python脚本设置运行参数的方法
2018/12/03 Python
python 读取Linux服务器上的文件方法
2018/12/27 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
python利用dlib获取人脸的68个landmark
2019/11/27 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
2013/06/06 HTML / CSS
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
澳大利亚手袋、珠宝和在线时尚精品店：The Way
2019/12/21 全球购物
反对邪教标语
2014/06/30 职场文书
Golang之sync.Pool使用详解
2021/05/06 Golang
yyds什么意思？90后已经听不懂00后讲话了……
2022/02/03 杂记