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 相关文章推荐
js 代码集(学习js的朋友可以看下)
Jul 22 Javascript
js面向对象 多种创建对象方法小结
May 21 Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
Jan 06 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
JavaScript分秒倒计时器实现方法
Feb 02 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
Jun 02 Javascript
jQuery Ajax请求后台数据并在前台接收
Dec 10 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
vue动态合并单元格并添加小计合计功能示例
Nov 26 Vue.js
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
怎样辨别一杯好咖啡
2021/03/03 新手入门
php文本转图片自动换行的方法
2013/03/13 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
CSS中position属性之fixed实现div居中
2015/12/14 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
微信小程序开发图片拖拽实例详解
2017/05/05 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
Vue实现点击显示不同图片的效果
2019/08/10 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
js实现3D旋转相册
2020/08/02 Javascript
Python列表(list)、字典(dict)、字符串(string)基本操作小结
2014/11/28 Python
线程和进程的区别及Python代码实例
2015/02/04 Python
python实现2048小游戏
2015/03/30 Python
Python实现简单截取中文字符串的方法
2015/06/15 Python
Python基于socket模块实现UDP通信功能示例
2018/04/10 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
pyCharm 设置调试输出窗口中文显示方式(字符码转换)
2020/06/09 Python
matplotlib自定义鼠标光标坐标格式的实现
2021/01/08 Python
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
100%羊绒:NakedCashmere
2020/08/26 全球购物
用缩写的指针比较"if(p)" 检查空指针是否可靠?如果空指针的内部表达不是0会怎么样?
2014/01/05 面试题
介绍一下Make? 为什么使用make
2013/12/08 面试题
房地产销售大学生自我评价分享
2013/11/11 职场文书
集团公司总经理岗位职责
2013/12/20 职场文书
创先争优制度
2014/01/21 职场文书
2014县委书记党的群众路线教育实践活动对照检查材料思想汇报
2014/09/22 职场文书
庐山导游词
2015/02/03 职场文书
一次Mysql update sql不当引起的生产故障记录
2022/04/01 MySQL