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

Question

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

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

JSFiddle link

Answer 1

CSS 之道:

li
{
   color:aqua;
}

li:hover
{
   color:yellow;
}

JQuery 方式

$(".someClass li").css("color","aqua");
$(".someClass li").hover(function(){ $(this).css("color","yellow");},function(){$(this).css("color","aqua");});

ul li
{
  list-style:none;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul class="someClass">
  <li>Text1</li>
  <li>Text2</li>
  <li>Text3</li>
</ul>