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 汉字字节判断
Aug 01 Javascript
javascript suggest效果 自动完成实现代码分享
Feb 17 Javascript
JS定时器实例详细分析
Oct 11 Javascript
javascript打印html内容功能的方法示例
Nov 28 Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
jQuery.datatables.js插件用法及api实例详解
Oct 28 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
javaScript中indexOf用法技巧
Nov 26 Javascript
JS的时间格式化和时间戳转换函数示例详解
Jul 27 Javascript
three.js着色器材质的内置变量示例详解
Aug 16 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
《DOTA3》开发工作已经开始 《DOTA3》将代替《DOTA2》
2021/03/06 DOTA
第十二节--类的自动加载
2006/11/16 PHP
微信支付扫码支付php版
2016/07/22 PHP
laravel 获取当前url的别名方法
2019/10/11 PHP
javascript中的几个运算符
2007/06/29 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
简单的JavaScript互斥锁分享
2014/02/02 Javascript
轻量级javascript 框架Backbone使用指南
2015/07/24 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
移动手机APP手指滑动切换图片特效附源码下载
2015/11/30 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
VeeValidate在vue项目里表单校验应用案例
2018/05/09 Javascript
koa socket即时通讯的示例代码
2018/09/07 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
对vuex中getters计算过滤操作详解
2019/11/06 Javascript
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
python中反射用法实例
2015/03/27 Python
Android 兼容性问题:java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
influx+grafana自定义python采集数据和一些坑的总结
2018/09/17 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
python GUI库图形界面开发之PyQt5拖放控件实例详解
2020/02/25 Python
区分python中的进程与线程
2020/08/13 Python
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
泰国时尚电商:POMELO Fashion
2020/03/11 全球购物
高级工程师岗位职责
2013/12/15 职场文书
党员先锋岗事迹材料
2014/05/08 职场文书
反邪教标语
2014/06/23 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
感恩父母主题班会
2015/08/12 职场文书
古诗之感恩老师
2019/10/24 职场文书
关于JS中的作用域中的问题思考分享
2022/04/06 Javascript
Python OpenCV形态学运算示例详解
2022/04/07 Python