jquery mouseoverメソッド

TOPページに戻る > jquery入門

jquery mouseover()メソッド

mouseoverメソッドは、セレクタで指定した要素にマウスオーバーしたときに実行されるメソッドです

$("セレクタ").mouseover(function(){
	マウスオーバーしたときの処理
});

指定したHTML要素をマウスオーバーしたときにイベントを実行する

セレクタで指定したHTML要素にマウスオーバーしたときにテキストが切り替わります

jquery

$(function() {
	$("span#hoge").mouseover(function(){
	$("span#hoge2").text("マウスオーバー");
	});
});

css

#hoge{ border: solid 1px; }

html

<span id="hoge">マウスを乗っけてください</span>
<span id="hoge2">テキスト</span>

実行後

マウスを乗っけてください テキスト

やり直し

指定した要素にマウスを合わせるとテキストが切り替わります