jQueryのマウスイベントmouseover()およびmouseout()イベント

JS を学習していたとき、move-in イベントと move-out イベントと呼ばれる 2 つのメソッドがあることをまだ覚えていますか? onmouseover() イベントと onmouseout() イベント~

jQuery は、ユーザーの移動操作と移動操作を監視するためのイベントも提供します。mouseover() イベントと Mouseout() イベントは使用方法が似ています

例を通して説明しましょう。

うわー

divタグ上にマウスを置くと背景色が赤に変わり、divタグから離れると背景色が緑に変わります

新しいファイル

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>mouseover()和mouseout()</title>
	<style type="text/css">
		div{
			width:200px;
			height:200px;
			border:1px solid #000;
		}
	</style>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
	<div></div>


	<script>
	 	$("div").mouseover(function(){
			$('div').css("background",'red');
	 	})

	 	$("div").mouseout(function(){
	 		$('div').css("background",'green');
	 	})
	</script>
</body>
</html>

提出するリセットコード

自動運転

全画面表示