Jquery 更改悬停元素的颜色？

当我将鼠标悬停在某个元素上时，我想更改该元素的背景色，但我无法工作

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

---

谢谢你的帮助。谢谢

应该有一个。在函数中的类名之前？

$（“walkingRoute容器”）.css（“背景”，“#02baff”）

应该是

$（“.walkingRoute容器”）.css（“背景”，“#02baff”）
您忘记了选择器中类名前的点

使用
$（this）
以实际悬停的元素为目标，否则将使用该类更改所有元素的背景。您可能还需要一个在离开元素时删除背景的函数：

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

我删除了关于jQuery的答案，因为mortenDelfi、Clyde Lobo、Guffa和3nigma已经说出了一切。我只想指出，也许您可以在纯CSS中实现您所需要的功能，而无需使用JavaScript，使用：hover选择器，如下所示：

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

请参阅。
请检查您的代码。$（“walkingRoute容器”）上缺少一个点（.）谢谢！圆点不见了！此元素位于链接标记内，我想知道如果我点击它来突出这个元素，我将如何改变或添加代码，让背景颜色改变并保持该颜色？@user637364我想你应该通过点击来表示感谢answer@user637364：您可以使用链接标记上的单击事件来设置链接标记上的背景。这样，即使鼠标悬停更改内部元素的背景，该元素也会保持其背景色。