使用 jQuery 更改元素的颜色

Question

这应该很容易，但由于某种原因我没有得到它。如何使用 jQuery 设置所有属于“foobar”类的元素的 CSS 颜色样式（例如颜色：绿色）？

Answer 1

您希望鼠标悬停时颜色变为绿色？能具体点吗？

$('.foobar').mouseover( function() {
  $(this).css( { color: 'green' } );
} );

Answer 2

这可以用纯 CSS 来完成：

.foobar {
    background-color:red;
}

.foobar:hover {
    background-color:green;
}