hover时Jquery addClass和Remove Class

好吧我想在鼠标hover在元素#searchput时将一个cfse_a类cfse_a到元素#searchput ，然后当鼠标hover在元素上时然后删除类cfse_a 。

Answer 1

使用带有addClass和removeClass方法的hover事件：

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

演示： 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 }); 

您还可以使用：

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

请参阅toggleClass（）

DEMO

Answer 3

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

使用它。它有帮助！

Answer 4

希望这可以帮助。

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