为什么a：悬停不在jquery上

Question

为什么a：hover没有在jquery上

$(document).ready(function(){

$("#leftmenu ul li.active ul li a").css( "background-color","#4a4647" );  <--it work
$("#leftmenu ul li.active ul li a:hover").css( "background-color","#d3d4d6" );  <--didn't work

});

Answer 1

jQuery使用选择器仅选择元素。

请改用hover()方法，或者只使用CSS。

$("#leftmenu ul li.active ul li a").hover(function() {
    $(this).css( "background-color","#d3d4d6" );
}, function() {
    $(this).css( "background-color","#4a4647" );
});

然而，这应该肯定是您在CSS中所做的事情。您应该尽量将泄漏的表现信息（background-color）最小化到行为层中。

Answer 2

您的代码应更改为：

$(document).ready(function(){
  $("#leftmenu ul li.active ul li a").hover(function() {
     $(this).css( "background-color","#d3d4d6" );    
  }, function() {
      $(this).css( "background-color","#4a4647" );
  });
});