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

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

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

写在一个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() 方法的详解和使用,” 的相关文章

一篇读懂(PHP for循环)php跳出循环的语句,php中的几种循环语句,php中的几种循环语句,

免费领取腾讯云服务器! 列举几种php脚本中常用的几种循环语句,比如,for,foreach,do....while 等。 php for循环 for循环在很多语言中都经常用到,比如js语言,c语言,java语言等。...

干货分享(php输出json中文乱码)json数据中文乱码怎么办,解决 php json中文乱码的问题,解决 php json中文乱码的问题,

免费领取腾讯云服务器! php输出使用json_encode函数生成的json数据的时候,发现数据中的中文被转义成了unicode编码,如果使用ajax请求的json数据还好一点,浏览器会自动将unicode编码转义回来,但如果直接输出到浏览器上,那就会直...

不要告诉别人(php求数组交集)php数组取差集,php计算两个数组的交集与差集,php计算两个数组的交集与差集,

免费领取腾讯云服务器! php中计算两个数组之间的交集与差集可以使用 array_intersect() 与 array_diff() 数组处理函数,这两个数组的具体使用方法如下。 php计算两个数组之间的交集 array_...

越早知道越好(html打字机效果)css打字机效果逐行打印,CSS实现打字机效果的方法,CSS实现打字机效果的方法,

越早知道越好(html打字机效果)css打字机效果逐行打印,CSS实现打字机效果的方法,CSS实现打字机效果的方法,

免费领取腾讯云服务器! 发现一个有趣的东西,就是使用纯CSS代码实现打字机的效果。所谓的打字机效果就是控制一个字符串字符,并且字符串中的每个一个字符一个接着一个的出现。 纯CSS实现文字的打印机效果,要用到 animation 动画元素,下...

硬核推荐(js 数组 截取)js数组截取指定元素段,js中截取数组的方法,js中截取数组的方法,

免费领取腾讯云服务器! js中截取数组时要使用 slice() 方法,它可以从指定的数组中返回选定的元素,而不用改变原有的数组,非常的简单方便。 js中slice() 方法 slice():从已有的数组中返回选定的元素,而不...

没想到(phpadmin)php安装配置教程,php Allowed memory size of 134217728 bytes exhausted 解决方法,php Allowed memory size of 134217728 bytes exhausted 解决方法,

没想到(phpadmin)php安装配置教程,php Allowed memory size of 134217728 bytes exhausted 解决方法,php Allowed memory size of 134217728 bytes exhausted 解决方法,

免费领取腾讯云服务器! 发现最近很多使用zb博客的站长们经常遇到 Allowed memory size of 134217728 bytes exhausted 这个错误,下面就写个关于这个错误的解决教程,希望可以帮助到你。 php 错误...

发表评论

访客

看不清,换一张

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