jquery oneメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery one()メソッド

oneメソッドは、セレクタで指定した要素のイベントを1度だけ実行するメソッドです
イベントを""で囲み、functionの手前にカンマを入れます
イベント名はclick、dblclick、mousedown、mouseup、mouseover、mouseout、mousemoveで指定します

$("セレクタ").one("イベント名",function(){
	イベントの処理
});

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


通常なら何度もロールアウトとロールオーバーの処理が実行されますがone()を使うと一回しか実行されません

jquery

$(function() {
	$("span#hoge").one("mouseover",function(){
	$("span#hoge2").text("ロールオーバー(マウス乗っかってる)");
	})
	.mouseout(function(){
	$("span#hoge2").text("ロールアウト(マウス外れてる)");
	});
});
css
#hoge{ border: solid 1px; }

html

<span id="hoge">マウスが乗っかってないときに表示されます</span>
<span id="hoge2">テキスト</span>

実行後

ロールアウト テキスト


指定した要素にマウスを合わせるとテキストが切り替わります。one()を使っているので1度のみ実行できます






(C)2012 ホームページ作成無料