我有一个巨大的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
}
在我的应用程序中，我使用第一种或第二种方法。哪个更好?性能更好?和标准?
当前回答
两者都不是更好的，因为它们可以用于不同的目的。onClick(实际上应该是onClick)执行得稍微好一点，但我高度怀疑你会注意到其中的差异。
值得注意的是，它们做不同的事情:.click可以绑定到任何jQuery集合，而onclick必须内联使用在你想要它绑定的元素上。您也可以使用onclick只绑定一个事件，而.click允许您继续绑定事件。
在我看来，我会保持一致，在任何地方都使用.click，并将所有JavaScript代码放在一起，与HTML分开。
不要使用onclick。除非你知道你在做什么，否则没有任何理由使用它，而你可能不知道。
其他回答
$ (" # myDiv”)。click更好，因为它将JavaScript代码从HTML中分离出来。必须尽量保持页面行为和结构的不同。这很有帮助。
<whatever onclick="doStuff();" onmouseover="in()" onmouseout="out()" />
onclick, onmouseover, onmouseout等事件实际上对性能不好(主要是在ie中，去想想)。如果您使用Visual Studio进行编码，当您使用这些代码运行一个页面时，其中的每一个都将创建一个单独的SCRIPT块，占用内存，从而降低性能。
更不用说你应该有一个分离的关注点:JavaScript和布局应该分开!
为这些事件创建evenHandlers总是更好的，一个事件可以捕获数百/数千个项目，而不是为每个事件创建数千个单独的脚本块!
(还有，所有人都在说的话。)
第一种方法是选择。它使用高级事件注册模型，这意味着您可以将多个处理程序附加到同一个元素。您可以轻松地访问事件对象，并且处理程序可以存在于任何函数的作用域中。此外，它是动态的，即它可以在任何时候被调用，特别适合于动态生成的元素。无论直接使用jQuery、其他库还是本地方法都无关紧要。
第二种方法使用内联属性，需要大量全局函数(这会导致名称空间污染)，并将内容/结构(HTML)与行为(JavaScript)混合在一起。不要用这个。
你关于性能或标准的问题不容易回答。这两种方法完全不同，做的事情也不一样。第一种更强大，而第二种则被鄙视(被认为是糟糕的风格)。
你可以结合它们，使用jQuery将函数绑定到点击
<div id="myDiv">Some Content</div>
$('#myDiv').click(divFunction);
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')" )
如果我们谈论的是性能，在任何情况下直接使用总是更快，但使用属性，您将只能分配一个函数。
