nextAll()、prevAll()区别与实战

最新推荐文章于 2021-09-03 17:49:14 发布
最新推荐文章于 2021-09-03 17:49:14 发布
阅读量2.1k 收藏 4
点赞数
分类专栏： 项目实战
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41650354/article/details/81485601
版权

function onCheck(obj){

$(obj).nextAll().removeClass("cur");

$(obj).prevAll().removeClass("cur");

$(obj).addClass("cur");

}

解释说明： $(obj)获取点击的元素

nextAll() 获取点击元素之前的所有同级元素

prevAll()获取点击元素之后的所有同级元素

removeClass("cur")移除class="cur" 这个元素（移除css）

addClass("cur")给该元素添加class="cur"

效果：点击哪个框该框就就带有class="cur" 效果 其他框消失

爱一半码一半
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
无涯教程-nextAll（[选择器]）
无涯教程
07-24 256
nextAll([selector])方法查找当前元素之后的所有同级元素。
JQuery的nextAll函数(取下面所有元素)
rotating_windmill
11-11 1074
用法： 对象.nextAll('元素'); 例子： "http://www.w3.org/TR/html4/loose.dtd">                     New Web Project                         $(function(){           //和$('.d1 ~ div').html('我是cl
深入学习jquery源码之prev()和prevAll()与prevUntil()
悦分享
12-29 652
深入学习jquery源码之prev()和prevAll()与prevUntil() prev([expr]) 概述 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。 可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到，而不是前面所有的同辈元素。 参数 expr String 用于筛选前一个同辈元素的表达式 找到每个段落紧邻的前一个同辈元素。 &l...
JQuery中next()与nextAll()
nairuozi的博客
11-09 412
next([expr]) ：取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。 nextAll([expr])：查找当前元素之后所有的同辈元素。 ​​​​​​​​​​​​​​​​​​​​​代码如下 <table> <thead> <th>序号</th> <th>姓名&lt...
jQuery nextAll() 方法
qq_30017619的博客
09-03 280
nextAll() 方法返回被选元素的所有跟随的同胞元素。 下面的例子返回 <h2> 的所有跟随的同胞元素： 实例 $(document).ready(function(){ $("h2").nextAll(); });
jquery 层次选择器siblings与nextAll的区别介绍
10-27
接下来，我们将深入探讨这两个方法的用法和区别。 首先，`siblings()` 方法是用来选取与指定元素具有相同父元素的所有兄弟元素，无论它们是在该元素之前还是之后。在给出的HTML代码示例中： ```html <div>1 ...
jquery next nextAll nextUntil siblings的区别介绍
10-26
在本文为大家详细介绍下jquery next nextAll nextUntil siblings的区别，感兴趣的朋友可以参考下
jQuery中nextAll()方法用法实例
10-24
主要介绍了jQuery中nextAll()方法用法,实例分析了nextAll()方法的功能、定义及查找匹配元素之后所有的同辈元素使用技巧,需要的朋友可以参考下
Jquery节点遍历next与nextAll方法使用示例
10-25
next()方法用于获取“节点之后”挨着它的第一个“同类同辈”元素。nextAll()方法用于获取“节点之后”所有的元素
jQuery中的next方法和nextAll方法
YJT180的博客
11-09 490
next([expr]) ：取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。 nextAll([expr])：查找当前元素之后所有的同辈元素。 next方法虽然与nextAll方法一样取得的都是当前元素的后面同级元素，但有所不同 next方法 <!DOCTYPE html> <html> <head> <meta ch...
【jQuery】next()与nextAll()的区别
景谦Nice的博客
11-28 269
next()：取得当前标签对象的下一个同级标签对象 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>next()</title> <script src="js/jquery-3.3.1.js"></script> ...
jQuery中的next和nextAll方法
myy_llc的博客
11-09 288
next() ：取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。 nextAll()：查找当前元素之后所有的同辈元素。 next() 方法： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <scr...
jQuery找兄弟系列next(),nextAll(),nextUntil(),prev(),prevAll(),prevUntil(),siblings()
小马总的博客
11-13 1407
作者：老默 http://www.cnblogs.com/laomo/  jQuery找兄弟系列next(),nextAll(),nextUntil(),prev(),prevAll(),prevUntil(),siblings() 这几个筛选器都是找兄弟结点的 .next(expr) - 查找紧挨着的弟弟 .nextAll(expr) - 查找所有的弟弟 .nextUntil(expr) ...
Jquery 里的节点遍历(next(),perv(),nextAll(),prevAll())
C# 移动手机应用
01-11 6134
1.节点遍历 111 222 333 444 555 焦 $(function(){ $("li").click(function(){ $(this).css("background","red"); //$(this).ne
next(), nextAll(), siblings()的区别
c2311156c的博客
09-05 2264
1.next()： 相当于相邻元素选择器$("prev + next") 例：$(".one").next(), 指的是样式为one的元素后的一个同辈元素； 2.nextAll()： 相当于同辈元素选择器$("prev ~ siblings") 例：$(".one").nextAll()，指的是样式为one的元素后所有的同辈元素； 3.siblings()： 例：
jQuery中children方法、next方法与nextAll方法
weixin_44764207的博客
11-09 493
因为三种方法之间存在着相似之处，因此将它们放在一起去比较 1、children获得匹配元素的所有子元素组成的集合 2、next方法，取得一个紧邻后面元素集合 3、nextAll方法，取得当前元素之后所有的同辈元素 请看以下实例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &lt...
jQuery的next()、nextAll()、nextUntil()方法
桃花扇的博客
03-06 1428
.next() 作用：选择指定元素的下一个元素 【例】代码功能，点击一个方块，使下一个方块的样式改变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...
先學30天jQuery再說之prevAll() 方法和nextAll() 方法（part2）
Super Livia
03-28 512
prevAll() 方法 定义和用法 prevAll() 获得当前匹配元素集合中每个元素的前面的同胞元素，使用选择器进行筛选是可选的。 语法 .prevAll(selector) 參數 参数 描述 selector 字符串值，包含用于匹配元素的选择器表达式。 详细说明 如果给定一个表示 DOM 元素集合的 jQuery 对象，.prevAll() 方法允许我...
jquery常用方法之next()、prev()、nextAll、prevAll方法
记录点滴
05-19 3841
next ( ): 获取被选中元素的下一个且同级元素节点； next ( )中也可以添加条件，如：选出div下一个且必须是p标签的元素 <div class="div1"></div> <p class="p1"></p> <div class="div2"></div> <script> ...
全面解析：jQuery技术手册与实战指南
- **后代**：`find()`, `nextAll()`, `prevAll()` 用于查找指定元素的后代。 - **同胞**：`next()`, `prev()`, `siblings()` 帮助定位元素的同胞节点。 - **过滤**：`filter()`, `not()` 方法用于筛选元素集合。 ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值