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

この例では、inFunction によって

の背景色が黄色に変更され、outFunction によって背景色が白に戻ります。 inFunction はマウス ポインタが

に入ると起動され、outFunction はマウス ポインタが

から出ると起動されます。

以上がjQueryのhover()メソッドの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。