第6回 イベント編：連載：jQuery逆引きリファレンス（14/14 ページ）

[山田祥寛（http://www.wings.msn.to/），著]

連載目次

連載目次

　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を実際にブラウザで開く

ブラウザで開く

リスト103の実行結果

　dieメソッドでclickイベント・リスナが無効化されていますので、ボタンをクリックしても何も起こら“ない”ことが確認できます。

「連載：jQuery逆引きリファレンス」