可能重复：
jquery on vs click 方法
来自 API：
.on() ：将一个或多个事件的事件处理函数附加到所选元素。
示例代码：
$("#dataTable tbody tr").on("click", function(event){
alert($(this).text());
});
我们可以这样写：
$("#dataTable tbody tr").click(function() {
alert($this).text();
});
为什么要麻烦将事件包装在 .on() 中？
谢谢。
为什么要麻烦将事件包装在 .on() 中？
在这个特定的例子中，使用on()你可以利用event delegation, 所以你可以简单地做，而不是为每个tr元素附加很多处理程序
$("#dataTable").on("click", "tr", function(event){
alert($(this).text());
});
此外，使用on()您可以将 a 分配namespace给您的事件，例如
$("#dataTable").on("click.mynamespace"...)
因此，您可以稍后以更清洁和更精致的方式分离您的事件，例如
$("#dataTable").off(".mynamespace"...);
whileclick(function()...)只是一种简写方法.on("click", function()...)
.click()主要是AND的区别.on()
您可以在.click()页面上的现有元素上绑定点击事件，但是例如刚刚通过 Ajax 添加的新元素呢，点击事件将不会绑定在新元素上
因此，使用.on()使您能够将新添加的元素上的单击事件绑定到页面
.on给你：
node.js我总是.on()优先使用 to .click()，以便在我想触发事件时保留后者。
恰恰相反：.click()是 . 的简写.on('click')。不将其包装在 .click 中会更快（并允许更多选项，例如事件委托）。
使用 .click 的唯一优点是：