jQuery背景色已更改，悬停背景色不工作

所以我今天遇到了这个问题。 我已经设置了两个div，通过css分配了背景色（我们称之为“color#1”），通过类名，比如“.color”，然后，我让每个div将其背景色更改为特定的（“color#2”），悬停，也通过css

问题是： 我制作了一个jquery脚本，其中我想将常规背景色（“color#1”）更改为另一个（color#3），这是可行的，但是hover函数现在被破坏了，因为在hover时div不会更改为color#2。 有人知道为什么吗？css文件和jquery之间是否存在任何不兼容？

---

我没有这个例子，但是如果你能提供一个解决方案，那就太好了。

你可以使用jquery

hover（）

来解决这个问题

<div id="test">test</div>
<input type="button" id="btn" value="changecolor"/>


$("#btn").click(function(){
  $("#test").css("background-color","red");
});
$("#test").hover(function(){
  $("#test").css("background-color","yellow");
});

测试
$（“#btn”）。单击（函数（）{
$（“#测试”）.css（“背景色”、“红色”）；
});
$（“#测试”）.hover（函数（）{
$（“#测试”）.css（“背景色”、“黄色”）；
});

---

用小提琴演示或在此处发布代码。这很好，谢谢，但问题是我不想让js文件包含超过10行代码，只是为了尝试为所有div更改一个背景色。我只希望jquery.css命令不要覆盖css脚本中的悬停。如果我对此没有解决方案，您的可能是唯一的解决方案：但是为什么jquery的行为是这样的，我不能只设置优先级吗？优先级？我不知道那到底是怎么回事。。如果这对您有帮助，请勾选答案。我可以使用您的解决方案，但这意味着需要将代码编写12次，我真的希望尽可能简短。您可以为想要的标记指定类名。然后你可以用单行线来做