Jquery addClass y Remove Class on hover

Question

De acuerdo, me gustaría agregar una clase cfse_a a un elemento #searchput cuando el mouse está sobre el elemento y luego, cuando el mouse no está sobre el elemento, elimine la clase cfse_a.

Answer 1

Uso hover evento con addClass y removeClass métodos:

$("#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 
}); 

También puede utilizar:

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

ver toggleClass()

DEMO

Answer 3

Espero que esto ayude.

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

Answer 4

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

Uso it.hope que ayude!