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 10 Javascript
JQuery live函数
Dec 24 Javascript
Jquery中对数组的操作代码
Aug 12 Javascript
JavaScript 事件对象介绍
Apr 13 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
Feb 06 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
js制作支付倒计时页面
Oct 21 Javascript
vue2.0获取鼠标位置的方法
Sep 13 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
Feb 08 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 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
国内咖啡文化
2021/03/03 咖啡文化
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
php 根据自增id创建唯一编号类
2017/04/06 PHP
详解如何实现Laravel的服务容器的方法示例
2019/04/15 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
php使用yield对性能提升的测试实例分析
2019/09/19 PHP
JS动画效果代码3
2008/04/03 Javascript
javascript 写类方式之五
2009/07/05 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
2010/05/27 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
js实现加载更多功能实例
2016/10/27 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
vue devtools的安装与使用教程
2018/08/08 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
js实现移动端轮播图滑动切换
2020/12/21 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
python搭建虚拟环境的步骤详解
2016/09/27 Python
关于Python的一些学习总结
2018/05/25 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
python 调用钉钉机器人的方法
2019/02/20 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
Django调用百度AI接口实现人脸注册登录代码实例
2020/04/23 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
Dune London官网:英国著名奢华鞋履品牌
2017/11/30 全球购物
彩妆大赛策划方案
2014/05/13 职场文书
乡镇党委书记第三阶段个人整改措施
2014/09/16 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书
离婚案件被告代理词
2015/05/23 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
新闻通讯稿模板
2015/07/22 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
go语言基础 seek光标位置os包的使用
2021/05/09 Golang