closest() 方法返回被选元素的第一个祖先元素。

祖先是父、祖父、曾祖父,依此类推。

该方法与 parents() 类似,都是向上遍历 DOM 树,不同点是:

closest()

  • 从当前元素开始
  • 沿 DOM 树向上遍历,并返回匹配所传递的表达式的第一个单一祖先
  • 返回包含零个或一个元素的 jQuery 对象

parents()

  • 从父元素开始
  • 沿 DOM 树向上遍历,并返回匹配所传递的表达式的所有祖先
  • 返回包含零个、一个或多个元素的 jQuery 对象

在这个例子中, $("span").closest("span") 指我们查找一个span元素中的第一个span祖先。由于方法从当前元素开始,它将返回一个span,假如我们用parents() 方法替代,它将没有东西返回,因为span的父元素是li

jQuery closest() 方法相关推荐

  1. jquery .parents(), .parent() 和 closest()方法

    2019独角兽企业重金招聘Python工程师标准>>> parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点 parent().parents()与clos ...

  2. jQuery 遍历 - closest() 方法

    jQuery 遍历参考手册 实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...

  3. jQuery遍历之closest()方法

    以选定的元素为中心,往内查找可以通过find.children方法.如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微 ...

  4. jQuery 遍历方法

    jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...

  5. jQuery on()方法绑定动态元素的点击事件无响应的解决办法

    $('#check_all').on('click' , function(){ alert(1); }); $("#yujinlist").append(html); count ...

  6. jQuery向动态生成的内容添加事件响应(jquery live方法简介)

    jQuery live() 方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效. 这个方法可以看做是 .bind() ...

  7. jQuery 遍历方法总结

    遍历方法有:1.add(),用于把元素添加到匹配元素的集合中:2.children(),用于返回被选元素的所有直接子元素:3.closest(),用于返回被选元素的第一个祖先元素:4.contents ...

  8. jQuery 遍历 方法

    jQuery 遍历 方法 jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃 ...

  9. jquery tr 移除 背景色_用jQuery remove()方法删除表格行(table tr)的写法

    jQuery删除表行(table tr):本文介绍如何删除选定的表行(table tr).如何用jQuery按钮单击事件,按id或class-name删除表行. 在按钮单击时,我们删除选定的行/ tr ...

  10. jQuery 事件方法大全

    Dom : Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:" ...

最新文章

  1. 我18岁辍学,22岁进谷歌,还需要本科文凭吗?
  2. 人工智能落地之路:从概念验证到产品
  3. 数据结构 第三周第四周学习小结
  4. roobo机器人怎么唱歌_智能机器人都长什么样?提前探秘中国智能机器人大赛
  5. idea .defaultMessage
  6. Coolite ComboBox绑定方式
  7. HelloWorld入门程序
  8. B树与B+树 有动画
  9. 40. HTTP 协议(1)
  10. ios TextField(转载)
  11. 使用js调用摄像头拍照
  12. 最全jar包下载链接
  13. 基于FPGA的Yolov4 tiny目标检测网络加速器
  14. Beyond Part Models: Person Retrieval with Refined Part Pooling (and A Strong Convolutional Baseline)
  15. 利用python_opencv和dlib实现从视频中抓取人脸照片并保存(亲测有效)
  16. Java读.xlsx表格
  17. 含有受控源的电路分析
  18. 免费试用丨阿拉丁统计2.0 产品全新升级,五大优势功能满足多种需求
  19. 两个月运维工程师的工作总结及心得
  20. 绝地求生服务器未响应怎么办,绝地求生游戏崩溃解决方法 绝地求生崩溃怎么办...

热门文章

  1. 结构光激光器选择时应该注意的问题二:功率
  2. html基础学习笔记
  3. Photoshop CC 2017安装
  4. 七十二烷基三硅醇poss|七十二烷基三硅醇笼形聚倍半硅氧烷
  5. 登录失败 12306服务器不稳定,为什么12306登陆失败
  6. 11.全站乱码过滤器
  7. android 输入法判断,Android如何检测输入法键盘是否显示
  8. 写代码python用什么笔记本好_求推荐适合程序员用的笔记本电脑
  9. Java中创建Excel文档,POI使用详解
  10. 笔记 :归纳总结 (一)