悬停时Jquery addClass和Remove Class

Question

好的我想在鼠标悬停在元素上时将元素cfse_a添加到元素#searchput，然后当鼠标悬停在元素上时再移除类cfse_a }。

Answer 1

使用hover和addClass方法使用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
});

您也可以使用：

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