改变css背景颜色属性

Question

我正在尝试更改mouseover元素的nav ul li上背景颜色的属性，但是当我选择相同类型的另一个元素时，我希望第一个元素恢复其颜色并重新选择改变颜色等等。

$(document).ready(function() { 
    $('nav ul li').on('mouseover', function() {
        if ($(this).css('background-color') == '#BBB') {
            $(this).css("background-color", "#36D900"); 
        } else {
            $(this).css("background-color", "#BBB");
        }   
    });
});

Answer 1

尝试代码

$('nav ul li').hover(function(){
   $('nav ul li').css("background-color", "#BBB");
   $(this).css("background-color", "#36D900"); 
});