$(document).on(‘click’,’.selector’, function(){}); と $(‘.selector’).on({ ‘click’: function() {} });の違い

var $jqObj = <div class="btn"></div>
$('.box').append($jqObj);

のようにして、
新たに追加した要素に対して。

$(document).on('click','.btn', function(){});

であれば操作できた要素が

$('.box').on({ 'click': function() {} });

であると操作できなかった。
この二点の本質的な違いはなんなんだろ~か。
jQuery読みこめばわかるんだろうなあ。
わかんないけど、そういう事象があるということをメモ。

投稿者:

ayako0802

フロントエンドエンジニア