更改悬停元素的颜色？

我想改变，当我悬停在它的一个元素的背景颜色，但我将无法正常工作！？更改悬停元素的颜色？

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

Preciate som help。谢谢！

来源

2011-02-28 3D-kreativ

请检查你的代码。 $（“walkingRoute-container”）缺少点（。） – 2011-02-28 08:49:31

您在选择类名之前忘了点。

使用$(this)目标，实际上是徘徊的元素，否则你将改变与该类别的所有元素的背景。你可能还需要一个功能，消除背景，当你离开的元素：

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

来源

2011-02-28 08:51:53 Guffa

谢谢！这个圆点不见了！这个元素是一个链接标签内，我不知道我将如何改变或添加代码，让背景颜色变化，并保持该颜色，如果我点击它highligt这个元素？ – 2011-02-28 09:12:11

@ user637364我想你应该通过acceping答案 – 2011-02-28 10:06:01

@ user637364表示感谢：您可以使用点击事件上的链接标签设置链接标签的背景。即使在悬停改变内部元素的背景时，该元素也会保持其背景色。 – Guffa 2011-02-28 10:52:35

如果有一个。 funcion里面的类名之前？

来源

2011-02-28 08:47:50

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

应该

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

来源

2011-02-28 08:51:02

我打消了我对jQuery的答案，因为mortenDelfi，克莱德路宝，Guffa和3nigma已经都说了。我只是想指出的是，也许你可以实现你的纯CSS需要使用非JavaScript的内容：悬停选择这样的：

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

见DEMO。

来源

2011-02-28 09:06:45 rsp

更改悬停元素的颜色？

回答

相关问题