ホームページ  >  記事  >  ウェブフロントエンド  >  ホバーはjQueryイベントですか?

ホバーはjQueryイベントですか?

WBOY
WBOYオリジナル
2022-04-15 10:34:412387ブラウズ

Hover は、jquery のマウス イベントです。 hover() メソッドは、マウス ポインタが選択された要素上にあるときに実行される 2 つの関数を指定します。最初のパラメータは、マウス ポインタが要素を通過するときの関数を指定し、2 番目のパラメータは、マウス ポインタが要素から離れるときの関数を指定します。 . 関数、構文は「element object.hover(function, function)」です。

ホバーはjQueryイベントですか?

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

ホバーは jquery イベントですか?

ホバーは jquery のマウス イベントです

さまざまな訪問者に対するページの応答はイベントと呼ばれます。

イベント ハンドラーは、HTML で特定のイベントが発生したときに呼び出されるメソッドを指します。

hover() メソッドは、マウス ポインターが選択された要素上にあるときに実行される 2 つの関数を指定します。

メソッドは、mouseenterイベントとmouseleaveイベントをトリガーします。

  • mouseleave イベントは、マウス ポインターが選択された要素から離れると発生します。

  • mouseenter イベントは、マウス ポインターが選択された要素を通過 (進入) したときに発生します。

構文は次のとおりです:

$(selector).hover(inFunction,outFunction)

inFunction 必須。 MouseEnterイベントが発生したときに実行する関数を指定します。

outFunction オプション。 Mouseleave イベントが発生したときに実行する関数を指定します。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").hover(function(){
    $("p").css("background-color","yellow");
    },function(){
    $("p").css("background-color","pink");
  });
});
</script>
</head>
<body>
<p>鼠标移动到该段落。</p>
</body>
</html>

出力結果:

ホバーはjQueryイベントですか?

関連ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がホバーはjQueryイベントですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。