jQuery背景颜色更改，悬停背景颜色不起作用

Question

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

问题是： 我制作了一个 jquery 脚本，我想在其中将一般背景色（'color #1'）更改为另一种（color #3），并且可以正常工作，但是现在悬停功能已损坏，因为 div 不会更改为颜色#2 悬停。 有人知道为什么吗？ css文件和jquery之间有什么不兼容的地方吗？ 我没有这个例子，但如果你能提供一个解决方案，那就太好了。

Answer 1

您可以使用 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");
});

DEMO