jQuery中的siblings()的用法

最新推荐文章于 2025-06-26 11:30:12 发布
原创 最新推荐文章于 2025-06-26 11:30:12 发布 · 置顶 · 1.4w 阅读 · 9 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#siblings
本文介绍如何使用siblings()方法选择当前元素的兄弟节点，并演示了如何为当前元素添加新样式同时移除其兄弟节点样式的具体操作。

siblings()用于查找当前元素的同胞元素，就是拿到当前元素的兄弟节点(不包括自己)。

给当前元素设置新的样式，并删除当前元素的同胞元素的样式：

 $(this).addClass("active").siblings().removeClass("active");

 

jQuery中的siblings()
weixin_45650998的博客
09-02 3094
siblings()方法返回被选元素的所有同级元素。并且可以使用可选参数来过滤对同胞元素的搜索。siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。同级元素是共享相同父元素的元素。
jQuery siblings方法详解及示例
CsCufft的博客
09-29 1989
在jQuery中，siblings方法用于选择指定元素的所有同级兄弟元素。兄弟元素是指与目标元素拥有相同的父元素，并且在同一层级上的元素。siblings方法返回一个包含所有匹配元素的jQuery对象，可以进一步进行操作或链式调用其他jQuery方法。siblings方法是jQuery中一个非常有用的方法，它允许我们选择元素的所有同级兄弟元素。本文详细介绍了siblings方法的语法和使用示例，你可以根据自己的需求灵活运用该方法来处理网页上的元素操作。
jquery写伪类样式、隐藏和显示、循环写法、点击事件等等项目中的事件方法
weixin_60172238的博客
06-19 512
项目中的一些事件
jquery中siblings的用法
yy954744913的博客
12-16 2600
siblings()函数用于选取每个匹配元素的所有同辈元素(不包括自己)，并以jQuery对象的形式返回。 你还可以使用选择器来进一步缩小选取范围，筛选出符合指定选择器的元素。 该函数属于jQuery对象(实例)。 语法 jQueryObject.siblings( [ selector ] ) 参数 参数 描述 selector
jquery常用方法之siblings方法
记录点滴
05-19 3767
siblings ( ): 获取除被选中元素之外所有的同级元素节点； siblings ( )中也可以添加条件，如：选出除div所有的span标签： <div class="box"> <div>1</div><br> <span>2</span><br> <div>3&...
html中siblings方法,jQuery siblings()方法的用法
weixin_35019131的博客
06-28 1066
在前两节中，我们学习了用于查找兄弟元素的两组方法：方法之外，jQuery 还为我们提供了另外一种不分前后的查找方法：siblings()。语法：$().siblings(selector)selector 是一个选择器，用来查找符合条件的兄弟元素。selector 是一个可选参数，当参数省略时，表示选择所有兄弟元素；当参数没有省略时，表示选择满足条件的兄弟元素。举例：不带参数的 siblings(...
jQuery遍历之siblings()
qq_37036642的博客
08-04 324
jQuery是一个合集对象，如果想快速查找指定元素集合中每一个元素的同辈元素，此时可以用siblings()方法 理解节点查找关系： 如下蓝色的class="item-2"的li元素，红色的节点就是它的siblings兄弟节点 1 2 3 siblings()无参数 取得一个包含匹配的元素集合中每一个元素的同辈元素的元素集合 注意
jQuery 遍历 - 同胞(siblings)
最新发布
likuoelie的博客
06-26 1471
siblings()方法返回选定元素的所有同胞元素，可以选择使用过滤器筛选特定同胞。例如，会将类为 “start” 的<li>元素的所有同胞元素字体设为红色。siblings()方法是 jQuery 遍历中的一个核心方法，用于获取选定元素的所有同胞元素。研究表明，同胞元素是指共享相同父元素的元素，不包括选定元素本身。定义和用法siblings()方法返回选定元素的所有同胞元素。它可以接受一个可选的过滤器参数，用于指定要返回的同胞元素的选择器。如果不提供过滤器，则返回所有同胞元素。语法。
Jquery中siblings方法
m0_46401771的博客
08-11 841
siblings([selected]) 简介: 给定一个表示一组DOM元素的jQuery对象，该.siblings()方法允许我们在DOM树中搜索这些元素的兄弟节点，并从匹配的元素构造一个新的jQuery对象。 该方法可选地接受与我们可以传递给$()函数的相同类型的选择器表达式。如果提供了选择器，元素将通过测试是否匹配。 考虑一个有简单列表的页面： list item 1 list item 2 list item 3 list item 4 list item 5
jQuery遍历siblings()
qq_43742368的博客
05-27 261
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
html中siblings方法,jQuery中siblings()方法用法实例
weixin_31368213的博客
06-28 459
本文实例讲述了jQuery中siblings()方法用法。分享给大家供大家参考。具体分析如下：此方法能够获取匹配元素集合中每一个元素的同辈元素。同辈元素集合可以使用表达式进行筛选。语法结构:$(selector).siblings(expr)参数列表:参数描述expr可选。用于筛选同辈元素的表达式。实例代码:实例一:siblings()函数-脚本之家$(document).ready(functi...
jQuery siblings()用法与实例。
weixin_30367543的博客
04-25 1030
jQuery 的遍历方法siblings() $("给定元素").siblings(".selected") 其作用是筛选给定的同胞同类元素（不包括给定元素本身） 例子：网页选项栏 当点击任意一个选项卡是，其他2个选项卡就会改变样式，其内容也会隐藏。 下面是html代码。 <body> <ul id="menu"> ...
jQuery siblings() 的作用
shenjiujun001的博客
07-15 1488
jQuery siblings() 方法返回被选元素的所有同胞元素，并且可以使用可选参数来过滤对同胞元素的搜索。 实例演示：点击某个li标签后将其设置为红色，而其所有同胞元素去除红色样式 创建Html元素 点击li元素设置红色并去除其余所有同胞元素的红色样式： 栗子 李子 梨子 荔枝 设置css样式 div.box{widt
jQuery中siblings无效
huziainio的博客
04-21 1132
jQuery中siblings无效 不知道为什么报错 todolist.js:24 Uncaught TypeError: $(…).siblings(…).arrt is not a function at HTMLInputElement. (todolist.js:24) at HTMLOListElement.dispatch (jquery.min.js:3) at HTMLOListE...
jQuery 遍历 - siblings() 方法应用
祈澈菇凉
07-30 1365
每天写个小demo,最近工作小到1像素，大到n多优化，这个行业真的是有项目的时候忙的要死，没项目的时候闲的发慌，趁着办公室没人的时候，安安静静继续写代码，一个关于jQuery 遍历 - siblings() 方法应用。 <!DOCTYPE html> <html lang="en"> <head> ...
Jquery 之siblings()方法
Jruott的专栏
06-04 1180
Jquery遍历同级对象
jQuery中的siblings
cui_angel的专栏
08-24 3923
所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。 li1 li2 li3 li4 li5 $("#li3").siblings("li").css("backgroundcolor", "yellow"); 我们还知道， $("#li3").siblin
jquery中siblings()使用学习
钟渊博客
11-14 3441
定义和用法 siblings() 方法返回被选元素的所有同级元素。 同级元素是共享相同父元素的元素。 可以用如下图的功能： 我们点击某一个方式的时候，要让点击的元素选择并且要上前一个选中的元素为选择，这个就可以使用siblings()方法。 代码： A //默认A为选择状态 B Cjs代码：$(obj).addClass("active").siblings().rem
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值