怎么在jQuery中使用siblings()方法遍历兄弟元素
这篇文章将为大家详细讲解有关怎么在jQuery中使用siblings()方法遍历兄弟元素,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
jquery是什么
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
siblings()方法
用于查找当前元素的同胞元素,就是拿到当前元素的兄弟节点(不包括自己)。
获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。
可选地接受与我们可以传递给$()函数的相同类型的选择器表达式。如果提供了选择器,元素将通过测试是否匹配。
使用语法
jQueryObject.siblings( [ selector ] )
使用参数
可选/String类型指定的选择器字符串。
返回值
返回被选元素的所有同胞元素,并且可以使用可选参数来过滤对同胞元素的搜索。
使用注意
一般情况不会包括自己
包括自己的特殊情况
使用实例:遍历出需要的元素
<ul> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li></ul><script>$("ul li").siblings(".third-item").css('background-color', 'red');</script>//遍历ul标签下的li标签的所有third-item类 将之背景改为红色 siblings()中必须在类名前+"."
关于怎么在jQuery中使用siblings()方法遍历兄弟元素就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341