我有一个巨大的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
}
在我的应用程序中，我使用第一种或第二种方法。哪个更好?性能更好?和标准?
当前回答
不同的作品。如果使用click()，则可以添加几个函数，但如果使用属性，则只执行一个函数—最后一个函数。
DEMO
HTML
<span id="JQueryClick">Click #JQuery</span> </br>
<span id="JQueryAttrClick">Click #Attr</span> </br>
JavaScript
$('#JQueryClick').click(function(){alert('1')})
$('#JQueryClick').click(function(){alert('2')})
$('#JQueryAttrClick').attr('onClick'," alert('1')" ) //This doesn't work
$('#JQueryAttrClick').attr('onClick'," alert('2')" )
如果我们谈论的是性能，在任何情况下直接使用总是更快，但使用属性，您将只能分配一个函数。
其他回答
大多数情况下，当性能是唯一的标准时，原生JavaScript方法是比jQuery更好的选择，但是jQuery利用了JavaScript并使开发变得容易。可以使用jQuery，因为它不会严重降低性能。在你的具体情况下，性能的差异是可以忽略的。
jQuery背后的主要思想之一是将JavaScript与令人讨厌的HTML代码分开。第一种方法是要走的路。
你可以结合它们，使用jQuery将函数绑定到点击
<div id="myDiv">Some Content</div>
$('#myDiv').click(divFunction);
function divFunction(){
//some code
}
为了获得更好的性能，请使用本机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
使用onclick的第一种方法不是jQuery，而是简单的Javascript，所以您没有jQuery的开销。jQuery的方式可以通过选择器进行扩展，如果你需要将它添加到其他元素，而不需要为每个元素添加事件处理程序，但现在你有了它，是否需要使用jQuery只是一个问题。
就我个人而言，因为你正在使用jQuery，我会坚持使用它，因为它是一致的，并从脚本中解耦标记。
