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高级程序设计 阅读笔记(十七) js事件
Aug 14 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
Jul 21 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
Sep 22 Javascript
javascript中tostring()和valueof()的用法及两者的区别
Nov 16 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
详解ECharts使用心得总结
Dec 06 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
vue实现验证码按钮倒计时功能
Apr 10 Javascript
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
vue实现简单加法计算器
Oct 22 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
dedecms模板标签代码官方参考
2007/03/17 PHP
php 随机排序广告的实现代码
2011/05/09 PHP
PHP面向对象程序设计实例分析
2016/01/26 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
在JQuery dialog里的服务器控件 事件失效问题
2010/12/08 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
vue element项目引入icon图标的方法
2018/06/06 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
vue中activated的用法
2021/01/03 Vue.js
跟老齐学Python之总结参数的传递
2014/10/10 Python
python实现在sqlite动态创建表的方法
2015/05/08 Python
pygame实现弹力球及其变速效果
2017/07/03 Python
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
简单了解Python生成器是什么
2019/07/02 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
python爬取代理ip的示例
2020/12/18 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
python opencv实现图像配准与比较
2021/02/09 Python
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
市场营销专业个人自荐信格式
2013/09/21 职场文书
《静夜思》教学反思
2016/02/17 职场文书
高二数学教学反思
2016/02/18 职场文书
导游词之铁岭象牙山
2019/12/06 职场文书
HTML常用标签超详细整理
2022/03/19 HTML / CSS