Override a:hover with jQuery?

Question

I have defined an tag with css. I\'m trying to stop default stylesheet :hover changes on the a tag. How do I disable the hov

Answer 1

Here is a solution without hack classes:

CSS:

a {color: blue;}
a:hover {color: red;}

jQuery (uses jQueryUI to animate color):

$('a').hover( 
  function() {
    $(this)
      .css('color','blue')
      .animate({'color': 'red'}, 400);
  },
  function() {
    $(this)
      .animate({'color': 'blue'}, 400);
  }
);

demo