2012-05-22 18 views
7

オーケー上のクラスを削除します。 addClassremoveClass方法とjQueryのaddClassと私はマウスが要素の上にマウスとマウスが要素の上にホバリングされていないときにそのクラス<code>cfse_a</code>を削除されたときに要素<code>#searchput</code>にクラス<code>cfse_a</code>を追加したいと思いホバー

+0

http://api.jquery.com/hover/、http://api.jquery.com/addClass/およびhttp://api.jquery.com/removeClass/。 – Guffa

答えて

18

使用hoverイベント:

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

DEMO:http://jsfiddle.net/G23EA/

+0

魅力的な作品です! –

+1

@AndersErikssonもしそれが魅力のように働くならば、答えをupvoteしdownvoteしないでください。 – VisioN

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

を参照してください

DEMO

0

この情報がお役に立てば幸いです。

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

使用すると、それに役立つit.hope!

関連する問題