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 相关文章推荐
在UpdatePanel内jquery easyui效果失效的解决方法
Apr 11 Javascript
javascript URL编码和解码使用说明
Apr 12 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
May 12 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
Apr 12 Javascript
详解JavaScript中void语句的使用
Jun 04 Javascript
jQuery实现延迟跳转的方法
Jun 05 Javascript
浅谈JavaScript中运算符的优先级
Jul 07 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
animate.css在vue项目中的使用教程
Aug 05 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
浅谈vue的第一个commit分析
Jun 08 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
php ss7.5的数据调用 (笔记)
2010/03/08 PHP
解析在zend Farmework下如何创立一个FORM表单
2013/06/28 PHP
php实现仿写CodeIgniter的购物车类
2015/07/29 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
php图片裁剪函数
2018/10/31 PHP
共享自己写一个框架DreamScript
2007/01/20 Javascript
统一接口:为FireFox添加IE的方法和属性的js代码
2007/03/25 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
Jquery 常用方法经典总结
2010/01/28 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
2014/08/27 Javascript
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
浅析Node.js:DNS模块的使用
2016/11/23 Javascript
jquery ui sortable拖拽后保存位置
2017/04/27 jQuery
vue如何从接口请求数据
2017/06/22 Javascript
浅谈node中的cluster集群
2018/06/02 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
微信小程序后端无法保持session的原因及解决办法问题
2020/03/20 Javascript
Python解决N阶台阶走法问题的方法分析
2017/12/28 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
Python pathlib模块使用方法及实例解析
2020/10/05 Python
迪奥官网:Dior.com
2018/12/04 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
大学自我评价
2014/02/12 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
环保宣传标语
2014/06/12 职场文书
三方协议书
2015/01/27 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
保安辞职信范文
2015/02/28 职场文书
公司员工体检通知
2015/04/21 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
鲁滨孙漂流记读书笔记
2015/06/30 职场文书
小学学习委员竞选稿
2015/11/20 职场文书
一文搞懂Java中的注解和反射
2022/06/21 Java/Android