jQueryのhover()メソッドの使い方
- 小老鼠オリジナル
- 2023-12-04 09:56:28903ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。