Jquery onを使ってイベントをbindしたイベントを削除する

Jquery onを使ってイベントをbindしたイベントを削除する

Jqueryでonメソッドを使ってイベントをbind(バインド)したイベントをoffメソッドを利用して削除するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

offメソッド利用

指定した要素にクリックイベントをバインドしたのちに、そのイベントをoffメソッドで削除します。
ここでは要素をクリックして、文字の色を変更させるクリックイベントを作成して、削除してます。

要素をクリックすると文字色が変更されて、削除したあとはクリックしてもバインドが削除されているので変化しません。