エンジニアのひよこ_level10

【毎日更新!】新卒2年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

【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関数を使って、機能を消してからつけ直しましょう。