Javascript 在悬停状态下使用JQuery更改背景颜色

我目前正在使用RubyonRails编写和编程一个网站，但在页面中的一个基本元素方面存在一些问题。基本上，我的后端系统将包含一种每月都会改变的颜色，然后在整个网站中提取并使用该颜色来显示多个元素。这是其中一个要素

我有一个div，里面有一个图像，很快就会成为一个链接。我想使用JS或JQuery使这个元素在悬停时更改其背景色。我知道这很简单，但出于某种原因，我无法理解。我将包括整个设置的一部分：

HTML:

JAVASCRIPT:

$(document).ready(function() {
    var colorOrig=$(".contribute_buttons").css('background');
    $(".contribute_buttons").hover(
    function() {
        //mouse over
        $(this).css('background', '#AAEE00')
    }, function() {
        //mouse out
        $(this).css('background', colorOrig)
    });
});

---

提前感谢您的帮助

您只需使用伪类的CSS就可以做到这一点：

.contribute_buttons:hover {
    background-color: #AAEE00;
}

---

否则，jQuery就可以了。看起来您只是忘记了在JSFIDLE示例中导入jQuery。

您可以通过使用伪类的CSS来实现这一点：

.contribute_buttons:hover {
    background-color: #AAEE00;
}

---

否则，jQuery就可以了。看起来您只是忘记了在JSFIDLE示例中导入jQuery。

在左侧的Frameworks&Extensions菜单中加载jQuery，此小提琴工作正常。$是jQuery函数，当您看到它时，它意味着jQuery是必需的

---

但是，除非您的目标是低于版本7的IE，否则我只会使用纯CSS解决方案，在左侧的框架和扩展菜单中使用：hover

Load jQuery，此小提琴工作正常。$是jQuery函数，当您看到它时，它意味着jQuery是必需的

---

但是，除非您的目标是低于版本7的IE，否则我只会使用纯CSS解决方案：hover

您在该fiddle中检查控制台了吗？您的fiddle不起作用，因为您没有包含jQuery库。对我有用。我没意识到，盯着这个看太久了-谢谢！您检查过那个提琴中的控制台了吗？提琴不工作，因为您没有包含jQuery库。对我有用。我没意识到，盯着这个看太久了-谢谢！忘了添加：我关心兼容性，所以，如果我可以使用js或jquery来实现这一点，我更愿意这样做。谢谢你是说浏览器兼容性吗？除非您需要支持IE6（除非您所在的企业尚未升级，否则您不应该支持IE6），否则此CSS方法将与jQuery一样兼容。忘了添加：我关心兼容性，因此，如果我可以使用js或jQuery进行此操作，我更愿意这样做。谢谢你是说浏览器兼容性吗？除非您需要支持IE6（除非您所在的企业尚未升级，否则不应该支持IE6），否则这种CSS方法将与jQuery一样兼容。

.contribute_buttons:hover {
    background-color: #AAEE00;
}