jqueryのホバー関数にはパラメータがいくつありますか?-フロントエンドQ&A-php.cn

jqueryのホバー関数にはパラメータがいくつありますか?

青灯夜游

リリース： 2022-05-16 17:28:42

オリジナル

2150 人が閲覧しました

jquery の hover 関数には 2 つのパラメーターがあります: 1. 必須パラメーター「inFunction」は、mouseenter イベントの発生時に実行されるイベント処理関数を指定するために使用されます; 2. オプションのパラメーター「outFunction」は、次の目的で使用されます。 Mouseleave イベントの発生時に実行されるイベントハンドラー関数を指定します。

jqueryのホバー関数にはパラメータがいくつありますか?

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

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

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

したがって、ホバー関数は 2 つのパラメーターを受け入れます。1 つは必須で、もう 1 つは省略できます。

構文:

$(selector).hover(inFunction,outFunction)

ログイン後にコピー

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

パラメータ	説明
inFunction	必須。 MouseEnterイベントが発生したときに実行する関数を指定します。
#outFunction

注: 関数が 1 つだけ指定されている場合、その関数はマウスエンターイベントとマウスリーブイベントで実行されます。

例: マウスポインターが上にあるときに

要素の背景色を変更します

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.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のホバー関数にはパラメータがいくつありますか?