Jquery addClass y Eliminar clase al pasar el mouse

Vale, me gustaría añadir una clase. cfse_a a un elemento #searchput cuando el mouse se desplaza sobre el elemento y luego cuando el mouse no se desplaza sobre el elemento, elimine la clase cfse_a.

preguntado el 22 de mayo de 12 a las 18:05

4 Respuestas

Utiliza 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/

contestado el 22 de mayo de 12 a las 18:05

@AndersEriksson Si funciona de maravilla, debe votar la respuesta y no rechazarla. - Visión

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

También puedes usar:

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

ver toggleClass ()

DEMO

contestado el 22 de mayo de 12 a las 18:05

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

Úsalo. ¡Espero que te ayude!

contestado el 22 de mayo de 12 a las 19:05

Espero que esto ayude.

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

contestado el 22 de mayo de 12 a las 18:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.