jquery - 更改悬停元素的颜色？

Question

我想在将鼠标悬停在某个元素上时更改其背景颜色，但我行不通!？

$(document).ready(function(){
$(".walkingRoute-container").hover(function(){
    $("walkingRoute-container").css("background","#02baff");
  });
});

感谢一些帮助。谢谢!

Answer 1

您忘记了选择器中类名之前的点。

使用$(this)来定位实际悬停的元素，否则您将更改具有该类的所有元素的背景。您可能还需要一个在离开元素时删除背景的函数:

$(document).ready(function(){
  $(".walkingRoute-container").hover(function(){
    $(this).css("background","#02baff");
  },function(){
    $(this).css("background","");
  });
});