JQuery addClass and remove class when freezing

Question

Ok, I would like to add the cfse_a class to the cfse_a element when the mouse is overhanging the element, and then when the mouse is not hovering over the element, then remove the cfse_a class.

Answer 1

Use the hover event addClass and removeClass :

 $("#searchput").hover(function() { $(this).addClass("cfse_a"); }, function() { $(this).removeClass("cfse_a"); }); 

DEMO: http://jsfiddle.net/G23EA/

Answer 2

 $('#searchput').hover(function() { $(this).addClass('cfse_a'); // add class when mouseover happen }, function() { $(this).removeClass('cfse_a'); // remove class when mouseout happen }); 

You can also use:

 $('#searchput').hover(function() { $(this).toggleClass('cfse_a'); }); 

see toggleClass ()

Demo

Answer 3

  $("#searchput").hover(function() { $(this).addClass("cfse_a"); }, function() { $(this).removeClass("cfse_a"); }); 

Use it.hope, it will help!

Answer 4

Hope this helps.

 $('#searchput').mouseover(function() { $(this).addClass('cfse_a'); }).mouseout(function(){ $(this).removeClass('cfse_a'); });