新元素

如果你想点击附加到新元素，作为上述综合答案的补充，以突出关键点:

第一个选择器所选择的元素(例如$("body"))必须在声明时存在，否则就没有可以附加的元素。 必须使用.on()函数中的三个参数，包括目标元素的有效选择器作为第二个参数。

.click事件只在元素被渲染时起作用，并且只在DOM准备好时附加到加载的元素上。

.on事件动态地附加到DOM元素，当你想要将事件附加到ajax请求或其他东西(在DOM准备好之后)上呈现的DOM元素时，这是很有用的。

$('.UPDATE').click(function(){ }); **V/S**    
$(document).on('click','.UPDATE',function(){ });

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

它比$('.UPDATE').click(function(){})更有效; 它可以使用更少的内存，并为动态添加的元素工作。 有时动态获取的数据与编辑和删除按钮不生成JQuery事件时，编辑或删除数据行数据的表单，该时间$(document).on('click'，'.UPDATE'，function(){});是有效的工作，就像相同的获取数据使用jquery。更新或删除时按钮不工作:

他们现在已经弃用了click()，所以最好使用on('click')

它们看起来是一样的……click()函数的文档:

这个方法是.bind('click'， handler)的快捷方式。

on()函数的文档:

从jQuery 1.7开始，.on()方法提供了所需的所有功能 用于附加事件处理程序。获取从旧jQuery转换的帮助 事件方法，请参见.bind()， .delegate()和.live()。删除事件 与.on()绑定，请参见.off()。

下面的代码有区别吗?

不，在你的问题中的两个代码示例之间没有功能上的区别。click(fn)是.on(“click”，fn)的“快捷方法”。来自.on()的文档:

对于一些事件(如.click())，可以使用一些简写方法来附加或触发事件处理程序。有关简写方法的完整列表，请参见事件类别。

请注意，.on()与.click()的不同之处在于，它能够通过传递选择器参数来创建委托事件处理程序，而.click()则不能。当不带选择器参数调用.on()时，它的行为与.click()完全相同。如果需要事件委托，请使用.on()。