javascript - $ ('.class' ).on 和 $(document).on 在 jquery 中的区别

Question

有什么区别

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

和

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

Answer 1

第一个以活泼的方式订阅.click事件。这意味着它将监听 DOM 更改，如果将来有人添加带有 class="class" 的元素，它将触发点击处理程序。

第二个将在您进行此订阅时订阅所有具有 class="class" 的元素的点击处理程序。例如，如果将来您发出 AJAX 请求并向您的 DOM 中注入(inject)一个具有此类的元素，则不会对其应用点击事件。