当我将鼠标悬停在元素上时,我想更改元素的背景颜色,但我不会工作!?
$(document).ready(function(){
$(".walkingRoute-container").hover(function(){
$("walkingRoute-container").css("background","#02baff");
});
});
预先帮助。谢谢!
答案 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。