jQueryのhover()メソッドの使い方

hover() は、jQuery で一般的に使用されるメソッドです。2 つのイベント処理関数をバインドするために使用されます。これら 2 つの関数は、マウス ポインタが一致する要素に出入りするときに実行されます。基本的な使い方は「$(selector).hover(inFunction,outFunction);」です。

hover() は、jQuery で一般的に使用されるメソッドです。2 つのイベント処理関数をバインドするために使用されます。これら 2 つの関数は、マウス ポインターが入ったときに使用されます。一致した要素を離れるときに実行されます。基本的に、これはmouseenterイベントとmouseleaveイベントの短縮形です。

基本的な使用法は次のとおりです:

$(selector).hover(inFunction,outFunction);

その内:

inFunction は、マウス ポインターが一致する要素に入ったときに実行される関数です。

outFunction は、マウス ポインターが一致する要素から離れたときに実行される関数です。

たとえば、マウス ポインターが

$("div").hover(function(){ $(this).css("background-color", "yellow"); }, function(){ $(this).css("background-color", "white"); });