如何在jquery中更改悬停菜单项的颜色？

我是初学者。我已经在JSFIDLE上编写了这段代码。我想将所选菜单项的颜色设置为黄色，其他菜单项的颜色设置为浅绿色。请引导我

$(function () {
    $('nav ul li').not("nav ul li ul li").hover(function (e) {
        $("nav ul li ul").hide();
        $(this).children('ul').stop().toggle();
        e.stopPropagation();
    });
});
$(document).hover(function () {
    $("nav ul li ul").hide();
});

---

CSS方式：

li
{
   color:aqua;
}

li:hover
{
   color:yellow;
}

JQuery方式

$（.someClass-li”）.css（“颜色”、“水色”）；
$（“.someClass li”）.hover（function（）{$（this）.css（“color”，“yellow”）；}，function（）{$（this.css（“color”，“aqua”）；}）
ulli
{
列表样式：无；
}


文本1
文本2
文本3
既然你可以做css，为什么还要做jquery？
li:hover{color:yellow；}
好建议。让我试试。
li{color:aqua；}li:hover{color:yellow；}
@divy3993你的把戏很管用。但是，如果我想使用jQuery做这件事，该怎么办？