addClass("on").siblings().removeClass("on")

这是jQuery代码，用于给当前元素添加类名"on"，同时移除同级元素的类名"on"。具体实现是通过使用链式操作，首先调用addClass()方法为当前元素添加类名"on"，然后使用siblings()方法获取所有同级元素，最后调用removeClass()方法移除这些同级元素的类名"on"。这个代码通常用于实现选项卡、导航栏等交互效果。

相关问题

$(function(){ $("#Tab1 .tabTitle>li").mouseover(function(){ $(this).addClass("current").siblings().removeClass("current"); var indexNO = $(this).index(); $("#Tab1 .tabDiv").eq(indexNO).fadeIn("slow").siblings().fadeOut(200); }) }）详细讲解此代码

这段代码使用了 jQuery 库来实现一个选项卡效果。具体来说：

1. `$()` 是 jQuery 中的选择器，通过传递一个 CSS 选择器，可以获取到匹配的 DOM 元素。

2. `$("#Tab1 .tabTitle>li")` 选择了 ID 为 "Tab1" 的元素下的所有 class 为 "tabTitle" 的子元素中的所有 li 元素。

3. `.mouseover()` 方法绑定了鼠标悬浮事件，当鼠标悬浮在这些 li 元素上时，会执行回调函数中的代码。

4. `$(this)` 表示当前被悬浮的 li 元素，`.addClass()` 方法会给它添加 "current" 类，`.siblings()` 方法会获取它的兄弟元素，`.removeClass()` 方法会将它们的 "current" 类移除。

5. `var indexNO = $(this).index()` 获取了当前 li 元素在兄弟元素中的索引值，作为切换选项卡时的参数。

6. `$("#Tab1 .tabDiv").eq(indexNO).fadeIn("slow").siblings().fadeOut(200)` 选择了 ID 为 "Tab1" 的元素下的所有 class 为 "tabDiv" 的子元素，`.eq()` 方法选择了其中索引等于 `indexNO` 的元素，`.fadeIn()` 方法将其渐入显示，`.siblings()` 方法选择了其他兄弟元素，`.fadeOut()` 方法将它们渐出隐藏。

总的来说，这段代码实现了一个选项卡的效果，当鼠标悬浮在某个选项上时，对应的内容会显示出来，其他选项的内容则会隐藏。

$('.information-tab .article-list').hover(function () { $(this).addClass('current').siblings('.article-list').removeClass('current'); },

这是一段 JQuery 代码，它给类名为 `information-tab` 的 DOM 元素下的所有类名为 `article-list` 的子元素绑定了鼠标悬停事件。当鼠标悬停在某个 `article-list` 元素上时，它会为该元素添加 `current` 类名，并移除其所有兄弟元素的 `current` 类名。这样做的目的可能是为了实现一个选项卡效果，让用户在不同的文章列表之间切换。