Question

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

$(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 Way

$(".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>

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

1 个答案: