改变CSS背景颜色属性

Question

我想改变nav ul li元素的mouseover背景颜色的属性，但是当我选择另一种相同类型的元素时，我想让第一个元素恢复其颜色，并选择新改变的颜色颜色等。

$(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"); 
});