Jquery 老虎翻车难题

因此，我有一个通过jQuery交替使用背景色的div列表。它们还具有更改背景颜色的滚动。问题是，rollover函数只允许我在mouseout上将这个类设置为一种背景色，但正如我前面所说的，我有一种交替的背景色。在jQuery中如何处理这个问题？下面的代码是我尝试使用偶数和奇数的if，else语句，但我不知道正确的语法

$(document).ready(function() {
    $('.whycapad_staff:even').css({"background-color":"#eaebeb"});
    $('.whycapad_staff').hover(function() {
        $(this).stop().animate({"background-color":"#5facf8"}, 300);
    }, function(){
        if ($(this = ':even')){
            $(this).stop().animate({"background-color":"#eaebeb"}, 300)
        };
        else {
                $(this).stop().animate({"background-color":"#FFFFFF"}, 300)
        }
    })
})

只需使用css：

.whycapad_staff:nth-child(even) {
     background-color:#eaebeb;
}
.whycapad_staff:hover {
     background-color:#5facf8;
}

演示：

如果您只想使用jQuery，下面是一个示例：

---

完全回退：

---

为什么要使用JavaScript来做CSS可以做的事情？因为单个div是动态生成的，我想使用jQUERY@A_funs只要使用类，css就可以了^ ^不要投反对票。这不是一个坏问题，只是可能不是一个好的设计决策。而是让他找到更好的解决办法。第二个想法是，他使用动画和事实：即使IE8不支持选择器，也可能意味着这是一个非常好的问题。需要转换来处理动画，然后当你把它打包在一起时，你必须考虑浏览器支持。使用jQuery没有错，因为所有这些CSS属性在IE8中都不起作用。我们中的许多人（如果不是大多数人的话）都需要跨浏览器工作的东西。

300ms

中的动画基本上与css更改相同。是的，如果我不是，那也是CSS3mistaken@WesleyMurch此外，不能将jQuery动画与css颜色一起使用natively@A_funs我做了一个回退脚本并将其添加到我的答案中。

$(function() { //jQuery fallback
    $('.whycapad_staff').hover(function() {
        $(this).data('b-color', $(this).css('background-color'));
        $(this).css('background-color', '#5facf8');
    }, function() {
        $(this).css('background-color', $(this).data('b-color'));
    });
});

$(function() { //jQuery fallback
    $('.whycapad_staff').each(function(index, item){
        if(index%2 == 1){
            $(this).css('background-color', '#eaebeb');
        }
    });
    $('.whycapad_staff').hover(function() {
        $(this).data('b-color', $(this).css('background-color'));
        $(this).css('background-color', '#5facf8');
    }, function() {
        $(this).css('background-color', $(this).data('b-color'));
    });
});