jQuery addClass和懸停時刪除類

Question

好的，當鼠標懸停在元素#searchput時，我想向元素#searchput添加類cfse_a ，然后當鼠標懸停在元素上時，將類cfse_a刪除。

Answer 1

將hover事件與addClass和removeClass方法一起使用：

$("#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（）

演示

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