我有一个巨大的 jQuery 应用程序，我正在使用以下两种方法来处理点击事件。
第一种方法
<div id="myDiv">Some Content</div>
$('#myDiv').click(function(){
//Some code
});
第二种方法
<div id="myDiv" onClick="divFunction()">Some Content</div>
function divFunction(){
//Some code
}
我在我的应用程序中使用第一种或第二种方法。哪一个更好？性能更好？和标准？
使用$('#myDiv').click(function(){是更好的，因为它遵循标准的事件注册模型。（jQuery 在内部使用addEventListener和attachEvent）。
基本上以现代方式注册事件是处理事件的不显眼的方式。此外，要为目标注册多个事件侦听器，您可以addEventListener()为同一目标调用。
var myEl = document.getElementById('myelement');
myEl.addEventListener('click', function() {
alert('Hello world');
}, false);
myEl.addEventListener('click', function() {
alert('Hello world again!!!');
}, false);
为什么要使用 addEventListener？（来自 MDN）
addEventListener 是注册 W3C DOM 中指定的事件侦听器的方法。它的好处如下：
- 它允许为一个事件添加多个处理程序。这对于即使使用其他库/扩展也需要正常工作的 DHTML 库或 Mozilla 扩展特别有用。
- 当侦听器被激活（捕获与冒泡）时，它可以让您对相位进行更细粒度的控制
- 它适用于任何 DOM 元素，而不仅仅是 HTML 元素。
更多关于现代事件注册 -> http://www.quirksmode.org/js/events_advanced.html
其他方法如设置HTML 属性，例如：
<button onclick="alert('Hello world!')">
或DOM 元素属性，例如：
myEl.onclick = function(event){alert('Hello world');};
是旧的，它们可以很容易地被覆盖。
应避免使用HTML 属性，因为它会使标记更大且可读性更低。对内容/结构和行为的关注没有很好地分开，使得错误更难找到。
DOM 元素属性方法的问题在于每个事件只能将一个事件处理程序绑定到一个元素。
更多关于传统事件处理 -> http://www.quirksmode.org/js/events_tradmod.html
为了获得更好的性能，请使用本机 JavaScript。为了更快的开发，请使用 jQuery。检查jQuery 与 Native Element Performance 的性能比较。
我已经在 Firefox 16.0 32 位 Windows Server 2008 R2 / 7 64 位上做了一个测试
$('span'); // 6,604 operations per second
document.getElementsByTagName('span'); // 10,331,708 operations/sec
对于单击事件，请检查Native Browser events vs jquery trigger或jQuery vs Native Click Event Binding。
在 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
据我了解，您的问题并不是关于是否使用 jQuery。而是：在 HTML 中内联绑定事件还是通过事件侦听器绑定事件更好？
不推荐使用内联绑定。此外，通过这种方式，您只能将一个函数绑定到某个事件。
因此我建议使用事件侦听器。这样，您就可以将多个函数绑定到单个事件，并在以后需要时解除绑定。考虑这个纯 JavaScript 代码：
querySelector('#myDiv').addEventListener('click', function () {
// Some code...
});
这适用于大多数现代浏览器。
但是，如果您已经在项目中包含了 jQuery — 只需使用 jQuery:.on或.click函数。
您可以组合它们，使用 jQuery 将函数绑定到点击
<div id="myDiv">Some Content</div>
$('#myDiv').click(divFunction);
function divFunction(){
//some code
}
去做这个，因为它会给你标准和性能。
$('#myDiv').click(function(){
//Some code
});
由于第二种方法是简单的 JavaScript 代码并且比 jQuery 更快。但这里的性能将大致相同。