jQuery - on メソッドで selector を指定した場合のハンドラ内の this

on メソッドで selector を指定した場合、ハンドラ内の this は selector の要素になるんですね。

ってことを確認してみましたってだけです・・・。

ちなみに selector を指定した場合は delegated events と言うようで、特徴としては、

  • 後から document に追加した要素のイベントも拾える
  • 多くの要素にイベントを設定する場合にオーバーヘッドが少ない

ようです。

詳しくはこちら。

.on() | jQuery API Documentation