jquery - 使用 jQuery 选择和更改多个 CSS 类

Question

我有一个 twitter 引导轮播组件，我想检测它的滑动功能，通过它，应该在每次滑动移动时更改另一个组件的前景色。

$('#welcomeCarousel').on('slide',function(e){
   var index = $(this).find('.active').index();       
   if(index==1) {
   $('.navbar-inverse .brand:hover,
      .navbar-inverse .nav > li > a:hover,
      .navbar-inverse .brand:focus,
      .navbar-inverse .nav > li > a:focus').css('color': 'rgb(255, 255, 255)');
   }
});

我认为由于选择了多个 CSS 类而出现问题，应该有 sth。错了，因为索引具有正确的值。JS 控制台说unexpected token或unexpected string。

jsfiddle。

Answer 1

试试这个语法：

.css({'color': 'rgb(255, 255, 255)'});

文档：http ://api.jquery.com/css/#css-properties

Answer 2

我找到了一种更快的方法，首先，我定义了另一个 CSS 类：

.newClass .brand:hover,
.newClass .nav > li > a:hover,
.newClass .brand:focus,
.newClass .nav > li > a:focus {
    color: rgb(255, 255, 255);
}

然后，很容易切换或删除此类：

if(index==1) {
    $('#myNavigationBar').toggleClass("newClass");
}
if(index==0) {
    $('#myNavigationBar').removeClass("newClass");
}

Answer 3

.css('color': 'rgb(255, 255, 255)');

应该：

.css('color', 'rgb(255, 255, 255)');

如果您想更改多个 css 属性，请使用以下语法：

.css({'color': 'rgb(255, 255, 255)', diffrentProp : 'SomeValue'});