jQuery的.on('click')与.click()的区别

Question

有人能帮我理解一下这两个jQuery函数之间的区别吗？

$('#theElement').click(function() {
    ... click handler code ...
});

和

$('body').on('click', '#theElement', function() {
    .... click handler code ...
});

根据jQuery文档的说法，.click()只是.on('click')的捷径。我一直都是这样找到工作的。然而，我发现了一个关键的区别，在今天构建一个原型。在尝试将偶数侦听器分配给DOM中尚未包含的元素时，我无法使用.click()。但是，如果我用$('body').on('click', '#theElement'...做了，它就成功了！

想弄明白为什么..。

.on()与.click()没有的事件捕获有关吗？

谢谢谁能帮我找到正确的方向。快把我逼疯了！

Answer 1

除了他们的共同之处：

• .click()可以触发单击事件 描述:将事件处理程序绑定到“单击”JavaScript事件、或触发元素上的事件的。
• .on()使用委托，这意味着您可以将事件目标/附加到动态创建的内容(只要在运行代码时将.on()方法应用于当前的父元素) 描述:将一个或多个事件的事件处理程序函数附加到选定的元素.页面向下一点:委托事件的优点是它们可以处理来自子类元素的事件，这些事件在稍后的时候添加到文档中，。