jQueryのoffメソッド

on を通じてバインドされたイベントの解除は、 off メソッドを使用して行われます。 第一引数にはイベントタイプ（例： 'click'）を、第二引数には解除すべき関数名を受け取ります。

次の例を見てみましょう。以下のHTMLコードがあるとします：

html<ul>
  <li>テキスト</li>
  <li>テキスト</li>
  <li>テキスト</li>
</ul>

CSSでは li タグにスタイルを指定しています：

cssli {
  width: 100px;
  cursor: pointer;
}

li を最初にクリックした後、イベントが解除されるようにしてみましょう：

javascript$('li').on('click', function() {
  $(this).append('!');
  $(this).off('click', func);
});

リスト項目をクリックしてみてください。同じ項目を再度クリックしても何も起こらないことがわかります。 これは、 append メソッドの実行後、 関数 func が off メソッドによって解除されるためです。