当前位置:首页 > 电脑知识 > 正文内容

居然可以这样(js closest方法)什么是closest方法,jquery中 closest() 方法的详解和使用,jquery中 closest() 方法的详解和使用,

sauo3年前 (2022-09-17)电脑知识138

写在一个JS动态效果的时候,发现了一个在JQuery中从来没有见过的 closest() 方法,看了一下介绍和使用方法,发现非常的好用。下面的博文,飞鸟慕鱼博客就来详细的说一下。

jQuery closest() 方法

closest():从当前元素开始向上,遍历所有的祖先元素,直达文档的html元素标签。

语法:

JavaScript
$(selector).closest(filter)复制

参数:

filter:必填,搜索祖先元素范围的选择器表达式、元素或 jQuery 对象。

context:选填,在其内可以找到匹配元素的 DOM 元素。

jQuery closest() 方法的使用

示例1:

Markup
<ul> <li><span id="mochu">sdfsdf</span></li> </ul> <script> $(#mochu).closest(ul).css(color,red); </script>复制

示例2:

Markup
<div class="divs"> <ul> <li><span id="mochu">feiniaomy.com</span></li> <li><span>我会变成红色</span></li> <li><span>飞鸟慕鱼博客</span></li> </ul> </div> <script> $(#mochu).closest(.divs).css(color,red); </script>复制

示例3:

Markup
<div class="divs"> <ul> <li><span id="mochu">feiniaomy.com</span></li> <li><span>我会变成红色</span></li> <li><span>飞鸟慕鱼博客</span></li> </ul> </div> <script> $(#mochu).closest(ul).find(li).eq(1).css(color,red); </script>复制

本文链接:http://blog.sauo.top/?id=300 感谢分享!

分享到:

扫描二维码推送至手机访问。

版权声明:本文由冬眠先生个人博客发布,如需转载请注明出处。

本文链接:http://blog.sauo.top/?id=300

分享给朋友:

“居然可以这样(js closest方法)什么是closest方法,jquery中 closest() 方法的详解和使用,jquery中 closest() 方法的详解和使用,” 的相关文章

原创(禁止ping命令操作)linux如何停止ping,linux禁ping操作的方法,linux禁ping操作的方法,

免费领取腾讯云服务器! linux中可以通过ssh命令来禁止其它机器来ping自己,下面是配置方法,大家可以参考一下。 linux中禁ping的方法 方法1 临时禁ping,系统重启后失效,已在ubuntu系...

硬核推荐(ubuntu取消自动休眠)ubuntu关闭自动休眠命令,ubuntu 关闭自动休眠模式的方法,ubuntu 关闭自动休眠模式的方法,

硬核推荐(ubuntu取消自动休眠)ubuntu关闭自动休眠命令,ubuntu 关闭自动休眠模式的方法,ubuntu 关闭自动休眠模式的方法,

免费领取腾讯云服务器! 在使用ssh连接ubuntu系统时,发现长时间不输入ssh命令ssh就会自动断开。查找了一下原因,发现是安装ubuntu的电脑自动进入了休眠模式,而ubuntu系统中有多种关闭自动休眠的方法,下面就来说一说使用ssh命令来关闭ubu...

这都可以?(php获取服务器信息)php获取客户端,php获取服务器操作系统类型的方法,php获取服务器操作系统类型的方法,

免费领取腾讯云服务器! 利用php脚本中的 php_uname() 函数与 PHP_OS 变量可以获取服务器操作系统的类型,具体的使用方法如下。 php获取服务器操作系统的方法 1、php_uname() 获取服务器操作系统...

全程干货(查看php是否启动)查看php是否支持rar解压,查看php是ts版本还是nts版本的方法,查看php是ts版本还是nts版本的方法,

全程干货(查看php是否启动)查看php是否支持rar解压,查看php是ts版本还是nts版本的方法,查看php是ts版本还是nts版本的方法,

免费领取腾讯云服务器! 今天有用户来询问php的ts版本与php的nts版本的区别是什么,怎么去查看自己安装的php服务是ts版本还是nts版本,下面博文就来详细的说一下。 php ts版本与nts版本的区别 php官方提供...

没想到(imagettftext函数)imagettftext函数支持的编码类型,imagettftext(): any2eucjp(): invalid code in input string 错误解决方法,imagettftext(): any2eucjp(): invalid code in input string 错误解决方法,

免费领取腾讯云服务器! 最近在研究关于php生成图片的东西,发现了 imagettftext() 函数中一个不是错误的错误,具体的错误情况如下所示。 错误代码:...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。