javascript - ホバー時のJquery addClassとRemove Class

Question

cfse_aさて、マウスが要素の上に置かれているときに要素にクラスを追加#searchputし、マウスが要素の上に置かれていないときに class を削除したいと思いcfse_aます。

Answer 1

およびメソッドhoverでイベントを使用します。addClassremoveClass

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