Javascript – How to remove :hover


I have a small problem with a script.
I want to have a default action on :hover for clients with Javascript disabled, but for those with Javascript enabled I want another action (actually… same action, but I want to add a small transition effect).

So… How can I do this? I am using jQuery.

Best Solution

Apply two classes to the relvant element. one contains the hover behaviour, and one contains all the other styling.

You can then use the jquery


method to remove the class with the hover behaviour and then apply whatever you want using

$(element).bind('mouseover', function () { doSomething(); });
$(element).bind('mouseout', function () { doSomething(); });