エンジニアのひよこ_level10

毎日更新してた人。たまに記事書きます。

【jQuery】unbind()って何?クリックイベントとかを消す【314日目】

unbindの例

$('#btn').click(function () { return 'NG'});
$('#btn').unbind();
$('#btn').click(function () { return 'OK'});

なにをしてるの?

一行目のclickで、#btnがクリックされた時に、'NG'を返す機能が付きました。

二行目で、#btnについている機能を消します。つまり、1行目のクリック機能が消えます。

三行目で、クリック機能が新しく付きました。

なんで使うの?

このままだと、2つの機能が#btnについてしまう。

一行目がもし別なファイルで付け足した機能なら、想定外の機能が動いてしまう。

なので、新しくClick機能などつける時は、unbind関数を使って、機能を消してからつけ直しましょう。