使用jQuery更改元素的颜色

Question

This should be easy but I'm not getting it for some reason. How would I set the CSS color style (eg color:green) of all the elements who are of class 'foobar' using jQuery?

Answer 1

You want the color to go green just on mouseover? Can you be more specific?

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

Answer 2

This can be done with plain CSS:

.foobar {
    background-color:red;
}

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