对所有事件使用 jQuery .on()

Question

对每个事件都使用 jQuery 的 .on() 事件处理程序是否被认为是不好的做法？

以前，我的代码包含这样的脚本：

$('#cartButton').click(function(){
    openCart();
});

不过我最近开始使用InstantClick（一个 pjax jQuery 插件）。

现在我的脚本都不起作用了。我理解为什么会发生这种情况，但我不能用InstantClick.on('change', function(){ 标签包装我的代码，因为这意味着我的代码开始重复自己。例如，单击购物车按钮将多次运行openCart() 函数。所以为了解决这个问题，我将我的所有功能都更改为这样的：

$(document).on('click', '#cartButton', function(){
    openCart();
});

我很好奇这是否会增加加载时间并导致过度紧张。对我的代码中的每个事件都使用 on() 事件处理程序是不好的做法吗？

Answer 1

这根本不是坏习惯..

.on 是处理所有事件的首选方法，使用 .click 只是传递给 .on 方法的快捷方式..

如果您在此处查看（jquery 2.1.0 的未缩小源）：https://code.jquery.com/jquery-2.1.0.js

这里有几个注意事项：

1. 搜索此行：on: function( types, selector, data, fn, /*INTERNAL*/ one ) {

   这是 on 方法的函数定义，只是显示代码在做什么..

2. 也搜索此行：jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick "

   这一行下面的代码正在映射所有可直接调用的快捷方式（如单击），并向您显示它们只是映射到“on”方法。

希望对你有帮助！！！

Answer 2

不，使用.on() 并不是一个坏习惯，实际上如果你检查source of the .click() function，你会发现它实际上调用了.on()。

但是...而不是创建一个匿名函数，您应该简单地这样做，这样会更干净，而且速度会稍微快一些：

$(document).on('click', '#cartButton', openCart);

和

$('#cartButton').click(openCart);