jqueryを使用してマウスが通過したときに背景色を変更する方法-フロントエンドQ&A-php.cn

jqueryを使用してマウスが通過したときに背景色を変更する方法

青灯夜游

リリース： 2022-03-23 19:07:00

オリジナル

2743 人が閲覧しました

実装方法: 1. hover() メソッドを使用して要素にマウス通過イベントをバインドし、イベント処理関数を指定します; 2. イベント処理関数で css() メソッドを使用して、背景色を変更する背景スタイル、構文「element node.css("background","color value");」。

jqueryを使用してマウスが通過したときに背景色を変更する方法

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

jquery はマウス通過後に背景色を変更します

実装方法:

ホバーを使用します() このメソッドは、マウス通過イベントを要素にバインドし、イベント処理関数を指定します。
イベント処理関数では、css() メソッドを使用して背景スタイルを変更し、背景色

実装コード:

<!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", "yellow");
				});
			});
		</script>
	</head>
	<body>

		<p style="background: pink;">鼠标经过该段落。</p>

	</body>
</html>

ログイン後にコピー

jqueryを使用してマウスが通過したときに背景色を変更する方法