“theone”というボタンは、最初はクリックしても何も起こりません。
“bind”をクリックすると、”theone”のクリックにaClick関数をひもづけて、クリックされたことが表示されるようにします。
“unbind”をクリックすると、このaClick関数がunbindされ、クリックしても何も起きない状態に戻ります。
Events/API/jQuery
unbind([type], [data])
bind関数とは反対に、各要素のイベントに関連付けられた関数を削除します。
引数を全て省略した場合、全ての要素から全イベントが削除されます。
第一引数にイベント名が指定された場合、そのイベントに関連付けられた関数だけが削除されます。
第二引数に関数ポインタを渡した場合、指定イベントに結び付けられた、指定の関数のみが削除されます。
bindしたカスタムイベントを削除することも可能です。
引数を全て省略した場合、全ての要素から全イベントが削除されます。
第一引数にイベント名が指定された場合、そのイベントに関連付けられた関数だけが削除されます。
第二引数に関数ポインタを渡した場合、指定イベントに結び付けられた、指定の関数のみが削除されます。
bindしたカスタムイベントを削除することも可能です。
サンプル
サンプル1
<button id="theone">Does nothing...</button> <button id="bind">Bind Click</button> <button id="unbind">Unbind Click</button> <div style="display:none;">Click!</div>
function aClick() {
$("div").show().fadeOut("slow");
}
$("#bind").click(function () {
// could use .bind('click', aClick) instead but for variety...
$("#theone").click(aClick)
.text("Can Click!");
});
$("#unbind").click(function () {
$("#theone").unbind('click', aClick)
.text("Does nothing...");
});
[全コードを表示]
[実行結果を単体で表示]