第6回 イベント編：連載：jQuery逆引きリファレンス（14/14 ページ）
» 2010年04月23日 00時00分 公開
unbindメソッドは、liveメソッドによって関連付けたイベント・リスナを破棄します。
引数type（イベント）、fnc（イベント・リスナ）を指定することで、特定のイベント・リスナのみを破棄することもできますし、引数typeのみを指定した場合にはイベントに対応するすべてのイベント・リスナを破棄できます。また、引数がすべて省略された場合、要素セットに関連付いたすべてのイベント・リスナを破棄します。
具体的な例を見てみましょう。以下はliveメソッドによって登録されたclickイベント・リスナを破棄する例です。
<script type="text/javascript">
$(function() {
// ボタン・クリック時にボタンを追加
$(':button').live('click', function() {
$('form').append($('<input type="button" value="追加" />'));
});
// clickイベント・リスナを破棄
$(':button').die('click');
});
</script>
……中略……
<form>
<input type="button" value="追加" />
</form>
リスト103 liveメソッドで登録されたイベント・リスナを破棄（Die.html）
このHTMLを実際にブラウザで開く
このHTMLを実際にブラウザで開く
リスト103の実行結果dieメソッドでclickイベント・リスナが無効化されていますので、ボタンをクリックしても何も起こら“ない”ことが確認できます。
Copyright© Digital Advantage Corp. All Rights Reserved.
ITmediaはアイティメディア株式会社の登録商標です。