jquery unbindメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery unbind()メソッド

unbindメソッドは、セレクタで指定した要素に関連付けされたイベントを削除します
イベント名はclick、dblclick、mousedown、mouseup、mouseover、mouseout、mousemoveで指定します

$("セレクタ").unbind("イベント名");

指定したHTML要素をクリックしたときに指定する要素のイベントを削除する

ボタンをクリックしたときにロールオーバーで実行される処理を削除できます

jquery

$(function() {
	$("span#hoge").mouseover(function(){
	$("span#hoge2").text("ロールオーバー(マウス乗っかってる)");
	})
	.mouseout(function(){
	$("span#hoge2").text("ロールアウト(マウス外れてる)");
	});
	$("button").click(function(){
	 $("span#hoge").unbind("mouseover");
	});	
});
css
#hoge{ background-color: #FFCC99;}

html

<span id="hoge">マウスを乗せて下さい</span>
<span id="hoge2">テキスト</span><br>
<button>処理を削除します</button>

実行後

マウスを乗せて下さい テキスト



ボタンをクリックするとテキストが交互に切り替わります







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