我有一个巨大的jQuery应用程序，我正在使用下面的两个方法来处理点击事件。
第一个方法
HTML
<div id="myDiv">Some Content</div>
jQuery
$('#myDiv').click(function(){
//Some code
});
第二种方法
HTML
<div id="myDiv" onClick="divFunction()">Some Content</div>
JavaScript函数调用
function divFunction(){
//Some code
}
在我的应用程序中，我使用第一种或第二种方法。哪个更好?性能更好?和标准?
当前回答
这样做，因为它将为您提供标准和性能。
$('#myDiv').click(function(){
//Some code
});
因为第二种方法是简单的JavaScript代码，比jQuery更快。但这里的性能大致相同。
其他回答
为了获得更好的性能，请使用本机JavaScript。为了更快地开发，请使用jQuery。查看jQuery和原生元素性能的比较。
我在Windows Server 2008 R2 / 7 64位的Firefox 16.0 32位上进行了测试
$('span'); // 6,604 operations per second
document.getElementsByTagName('span'); // 10,331,708 operations/sec
对于点击事件，检查本机浏览器事件vs jquery触发器或jquery vs本机点击事件绑定。
在Windows Server 2008 R2 / 7 64位的Chrome 22.0.1229.79 32位上测试
$('#jquery a').click(window.testClickListener); // 2,957 operations/second
[].forEach.call( document.querySelectorAll('#native a'), function(el) {
el.addEventListener('click', window.testClickListener, false);
}); // 18,196 operations/second
<whatever onclick="doStuff();" onmouseover="in()" onmouseout="out()" />
onclick, onmouseover, onmouseout等事件实际上对性能不好(主要是在ie中，去想想)。如果您使用Visual Studio进行编码，当您使用这些代码运行一个页面时，其中的每一个都将创建一个单独的SCRIPT块，占用内存，从而降低性能。
更不用说你应该有一个分离的关注点:JavaScript和布局应该分开!
为这些事件创建evenHandlers总是更好的，一个事件可以捕获数百/数千个项目，而不是为每个事件创建数千个单独的脚本块!
(还有，所有人都在说的话。)
jQuery背后的主要思想之一是将JavaScript与令人讨厌的HTML代码分开。第一种方法是要走的路。
这样做，因为它将为您提供标准和性能。
$('#myDiv').click(function(){
//Some code
});
因为第二种方法是简单的JavaScript代码，比jQuery更快。但这里的性能大致相同。
在我看来，你的问题并不是关于是否使用jQuery。而是:在HTML中内联绑定事件更好，还是通过事件监听器绑定事件更好?
不支持内联绑定。此外，通过这种方式，您只能将一个函数绑定到某个事件。
因此，我建议使用事件侦听器。通过这种方式，您将能够将许多函数绑定到单个事件，并在需要时稍后取消它们的绑定。考虑这段纯JavaScript代码:
querySelector('#myDiv').addEventListener('click', function () {
// Some code...
});
这在大多数现代浏览器中都有效。
然而，如果你已经在你的项目中包含了jQuery -只需使用jQuery: .on或.click函数。
