jquery中$('.class').on和$(document).on之间的差异

Question

有什么区别

$(document).on('click', '.class', function() {
   //stuff
});

和

$(".class").on("click", function () {
    //stuff
});

Answer 1

第一个以生动的方式订阅.click活动.这意味着它将监听DOM更改,如果将来某人添加了一个元素,它将获得点击处理程序.class="class"

第二个将class="class"在您进行此订阅时订阅所有元素的单击处理程序.例如,如果您将来发出一个AJAX请求并向DOM注入一个具有此类的元素,则不会将click事件应用于该类.