改变悬停元素的颜色?

时间:2011-02-28 08:44:56

标签: jquery

当我将鼠标悬停在元素上时,我想更改元素的背景颜色,但我不会工作!?

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

预先帮助。谢谢!

4 个答案:

答案 0 :(得分:5)

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

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

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

答案 1 :(得分:2)

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

答案 2 :(得分:0)

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

应该是

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

答案 3 :(得分:0)

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

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

请参阅DEMO