BETA

jQueryの .on("click", function(){}) と .click() の違いについてメモ

投稿日:2019-06-25
最終更新:2019-06-25

人に教えるに当たって改めて調べてみたので、メモしておきます。

公式ドキュメントに拠れば

This method is a shortcut for .on( "click", handler )

.click() | jQuery API Documentation

とのことで、この冒頭部だけ見ると違いがなさそうな感じに見えますが、やっぱり$(function(){})実行時になかった要素(後からJSで追加した要素)に対してはイベントがバインドできないので、そうしたケースでは.on("click", function(){})(もっと言うと$(document).on("click", selector, function(){}))の書き方にしましょう、ということで認識は合っていそうでした。

後は複数イベントを一括でバインドできるか、とかでしょうか。

一発クリックだけ、みたいな場合だと意識しなくても良い差ですが、備忘録として。

参考

公式

去年の記事

もっと過去の記事

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

アルム=バンドのQrunch

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
目次をみる
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
or 外部アカウントではじめる
10秒で技術ブログが作れます!