我发现了两篇关于新功能.on()的精彩文章：jquery4u.com、elijahmanor.com。
有什么方法可以让.bind() 比.on() 更好用？
例如，我有一个示例代码，如下所示：
$("#container").click( function( e ) {} )
您可以注意到，选择器只检索了一个项目，在我的情况下，在我的页面加载时名为 #container 的 <div> 已经存在；不是动态添加的。值得一提的是，我使用的是最新版本的 jQuery：1.7.2。
对于该示例，是否应该使用 .on() 代替 .bind()，即使我不使用 .on() 函数提供的其他功能？
【问题讨论】：
.bind() 对绑定多个元素的不利之处，但没有提及.on() 在绑定模式下的作用完全相同。
标签： javascript jquery jquery-selectors
在内部，.bind 直接映射到当前版本的 jQuery 中的.on。 （.live 也是如此。）因此，如果您改用 .bind，则会对性能造成微小但实际上微不足道的影响。
但是，.bind 可能随时从未来版本中删除。没有理由继续使用.bind，而是更喜欢.on。
【讨论】：
.bind 和 .on 对于非委托事件是相同的； .bind 没有像 $.getJSON 那样提供任何快捷方式
这些 sn-ps 都执行完全相同的操作：
element.on('click', function () { ... });
element.bind('click', function () { ... });
element.click(function () { ... });
但是，它们与这些非常不同，它们都执行相同的操作：
element.on('click', 'selector', function () { ... });
element.delegate('click', 'selector', function () { ... });
$('selector').live('click', function () { ... });
第二组事件处理程序使用event delegation 并适用于动态添加的元素。使用委托的事件处理程序也具有更高的性能。第一组不适用于动态添加的元素，而且性能更差。
jQuery 的on() 函数没有引入任何尚不存在的新功能，它只是尝试标准化 jQuery 中的事件处理（您不再需要在 live、bind 或 delegate 之间做出决定）。
【讨论】：
$('selector').live('click', function () { ... });，因此您可以尽可能保持结果相同。
直接方法和.delegate 是优于.on 的API，无意弃用它们。
直接方法更可取，因为您的代码的字符串类型较少。当您输入错误时，您将立即收到错误
事件名称而不是无声的错误。在我看来，click 的书写和阅读也比 on("click" 更容易
由于参数的顺序，.delegate 优于 .on：
$(elem).delegate( ".selector", {
click: function() {
},
mousemove: function() {
},
mouseup: function() {
},
mousedown: function() {
}
});
您马上就知道它是委托的，因为它说的是委托。您还可以立即看到选择器。
对于.on，它是否被委派还不清楚，您必须查看选择器的末尾：
$(elem).on({
click: function() {
},
mousemove: function() {
},
mouseup: function() {
},
mousedown: function() {
}
}, "selector" );
现在，.bind 的命名真的很糟糕，表面上比.on 还差。但是.delegate 不能进行非委托活动
是没有直接方法的事件，因此在这种罕见的情况下可以使用它，但这只是因为您想在委托和非委托事件之间进行清晰的分离。
【讨论】：
如果你查看$.fn.bind的源代码，你会发现它只是on的重写函数：
function (types, data, fn) {
return this.on(types, null, data, fn);
}
【讨论】：
来自 jQuery 文档：
从 jQuery 1.7 开始，.on() 方法是将事件处理程序附加到文档的首选方法。对于早期版本， .bind() 方法用于将事件处理程序直接附加到元素。处理程序附加到 jQuery 对象中当前选定的元素，因此这些元素必须存在于调用 .bind() 的位置。有关更灵活的事件绑定，请参阅 .on() 或 .delegate() 中对事件委托的讨论。
【讨论】：
从 Jquery 3.0 及更高版本开始，.bind 已被弃用，他们更喜欢使用 .on。正如@Blazemonger 之前回答的那样，它可能会被删除，并且肯定会被删除。对于旧版本 .bind 也会在内部调用 .on ，它们之间没有区别。详情请查看 api。
【讨论】：