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","");
  });
});

Answer 2

是否应该有。在函数内部的类名之前？

Answer 3

$("walkingRoute-container").css("background","#02baff");

应该是

$(".walkingRoute-container").css("background","#02baff");

Answer 4

我删除了关于jQuery的答案，因为mortenDelfi，Clyde Lobo，Guffa和3nigma已经说了一切。我只想指出，也许你可以在没有JavaScript的纯CSS中实现你所需要的：像这样的悬停选择器：

.walkingRoute-container:hover { background-color: #02baff }

请参阅DEMO。

改变悬停元素的颜色？

4 个答案: