javascript - 改变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"); 
});