jQuery兄弟()用法示例的详细说明

Sibs()获取匹配集中每个元素的同级，选择器过滤是可选的。

jQuery的遍历方法兄弟()。

$(“给定元素”)。兄弟姐妹('。它的功能是过滤给定的兄弟元素(不包括给定的元素本身)。

示例：页面选项栏。

当您单击任何选项卡时，其他两个选项卡将更改其样式，并且其内容将被隐藏。

下面是html代码。

Bodyul id=' menu' Li类=' tabfocus '家居/丽丽电器/丽丽二手/Li/Ulul id=' content' Li类=' confucus '我是家居的内容/丽丽欢迎来到电器城/丽丽二手市场，带着丰富多彩的产品/li/ul/body jQuery代码。

脚本类型=' text/JavaScript ' $(function(){ $(' # menu Li ')。每个(函数(索引){//用参数$(this)遍历每个选项卡。click(function() {//注册click事件$ ('# menuli。tab focus’)。//移除所选样式$(此)。add CLaSS(' TabFocus ')；//增加当前选中项目的样式//显示标签对应的内容，隐藏未选中的内容$ ('# content li:eq ('index ')')。显示()。兄弟姐妹()。hide()；//#menu和#content没有嵌套在html层中，但是因为它们的ul序列是相同的，所以它们可以巧妙地与索引值相关联。});});})/脚本在其中。

当点击相应的选项卡时，被点击的选项卡的内容将显示()。而另外两个兄弟元素li标签被silibings()和hidden()过滤掉。

这样，点击区域的内容可以动态显示，而其他两个选项卡是隐藏的。

但是

('.$(“给定元素”)中的selected()。兄弟姐妹('。selected’)表示过滤类名为的同级元素(不包括给定元素本身)。选中。

以上内容是jQuery姐弟()用法示例的详细讲解，希望对大家有所帮助！