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(){}))の書き方にしましょう、ということで認識は合っていそうでした。

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

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

参考

公式

去年の記事

もっと過去の記事

記事が少しでもいいなと思ったらクラップを送ってみよう!
0
+1
アルム=バンドのQrunch

よく一緒に読まれている記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
目次をみる

技術ブログをはじめよう

Qrunch(クランチ)は、ITエンジニアリングに携わる全ての人のための技術ブログプラットフォームです。

技術ブログを開設する

Qrunchでアウトプットをはじめよう

Qrunch(クランチ)は、ITエンジニアリングに携わる全ての人のための技術ブログプラットフォームです。

Markdownで書ける

ログ機能でアウトプットを加速

デザインのカスタマイズが可能

技術ブログ開設

ここから先はアカウント(ブログ)開設が必要です

英数字4文字以上
.qrunch.io
英数字6文字以上
ログインする