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
Javascript 相关文章推荐
javascript学习笔记(十七) 检测浏览器插件代码
Jun 20 Javascript
cument.execCommand()用法深入理解
Dec 04 Javascript
jQuery中filter()方法用法实例
Jan 06 Javascript
使用jquery操作session方法分享
Jan 22 Javascript
原生js和jquery实现图片轮播特效
Apr 23 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
Aug 04 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
Vue调用后端java接口的实例代码
Oct 28 Javascript
基于axios 的responseType类型的设置方法
Oct 29 Javascript
Layui实现主窗口和Iframe层参数传递
Nov 14 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
You might like
转生史莱姆:萌王第一次撸串开心到飞起,哥布塔撸串却神似界王神
2018/11/30 日漫
刚才在简化php的库,结果发现很多东西
2006/12/31 PHP
ionCube 一款类似zend的PHP加密/解密工具
2010/07/25 PHP
模板引擎正则表达式调试小技巧
2011/07/20 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
Prototype使用指南之ajax
2007/01/10 Javascript
工作需要写的一个js拖拽组件
2011/07/28 Javascript
jquery入门—访问DOM对象方法
2013/01/07 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
jQuery控制Div拖拽效果完整实例分析
2015/04/15 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
2016/05/24 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python中isnumeric()方法的使用简介
2015/05/19 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
机械设计制造专业个人求职信
2013/09/25 职场文书
大学生就业自我鉴定
2013/10/26 职场文书
模具专业毕业推荐信
2014/03/08 职场文书
德语专业求职信
2014/03/12 职场文书
2015年前台接待工作总结
2015/05/04 职场文书
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers