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

Live demo of the following solution: http://jsbin.com/umiru

--

The easiest way I can think of is to change:

a:hover { ... }

into

a.someClass:hover { ... }

And then add/remove .someClass via jQuery's methods:

$(this).addClass("someClass");    // activates css rules for :hover
$(this).removeClass("someClass"); // deactivates css rules for :hover