mouseover()

このエントリーをはてなブックマークに追加

mouseoverイベントは要素にマウスカーソルが乗った際に発火するメソッドです。

次のコードでは.targetにマウスカーソルが乗った際にその色を赤色に変更します。

$(".target").mouseover(function(){
	$(this).css("background","red");
});

sample

また、mouseover時にイベントデータを引き渡すことが可能です。

$(".target").mouseover("ok",function(e){
	$(this).text(e.data);
});

sample

この場合.targetにマウスをのせるとテキストが「マウスオーバー」から「ok」に変更されます。

引数に何も指定しないことで設定しておいたmouseoverイベントを発火させる事も可能です。

$(".target").mouseover(function(){
	$(this).css("background","red");
});
$("button").click(function(){
	$(".target").mouseover();
});

sample

この場合はボタンをクリックした際も.targetのmouseoverイベントが動作します。

参考URL

.mouseover() – jQuery API

登録日 : 2012年12月13日 最終更新日 : 2012年12月13日

同じカテゴリー(Events)のエントリー

検索

スポンサードリンク

バージョン

リファレンス