我有一个巨大的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
}
在我的应用程序中，我使用第一种或第二种方法。哪个更好?性能更好?和标准?
当前回答
<whatever onclick="doStuff();" onmouseover="in()" onmouseout="out()" />
onclick, onmouseover, onmouseout等事件实际上对性能不好(主要是在ie中，去想想)。如果您使用Visual Studio进行编码，当您使用这些代码运行一个页面时，其中的每一个都将创建一个单独的SCRIPT块，占用内存，从而降低性能。
更不用说你应该有一个分离的关注点:JavaScript和布局应该分开!
为这些事件创建evenHandlers总是更好的，一个事件可以捕获数百/数千个项目，而不是为每个事件创建数千个单独的脚本块!
(还有，所有人都在说的话。)
其他回答
关注点分离是这里的关键，因此事件绑定是普遍接受的方法。这基本上是很多现有答案的答案。
但是，不要过快地抛弃声明性标记的想法。它有它的位置，和像Angularjs这样的框架一起，它是核心。
需要有一个理解，整个<div id="myDiv" onClick="divFunction()>Some Content</div>被严重羞辱，因为它被一些开发人员滥用。所以它达到了亵渎的比例，就像桌子一样。有些开发人员实际上避免使用表格来处理表格数据。这是人们不理解行为的完美例子。
尽管我喜欢把我的行为和我的观点分开。我认为标记声明它做什么(而不是它如何做，这是行为)没有问题。它可能是一个实际的onClick属性的形式，也可能是一个自定义属性的形式，很像bootstrap javascript组件。
这样，只需看一眼标记，就可以看到它做了什么，而不是试图反向查找javascript事件绑定器。
因此，作为上述方法的第三种替代方法，使用数据属性来声明标记中的行为。行为被排除在视图之外，但一眼就能看到发生了什么。
自举的例子:
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
来源:http://getbootstrap.com/javascript/弹窗
注意:第二个示例的主要缺点是对全局名称空间的污染。这可以通过使用上面的第三种选择来避免，或者使用像Angular这样的框架及其带有自动作用域的ng-click属性。
两者都不是更好的，因为它们可以用于不同的目的。onClick(实际上应该是onClick)执行得稍微好一点，但我高度怀疑你会注意到其中的差异。
值得注意的是，它们做不同的事情:.click可以绑定到任何jQuery集合，而onclick必须内联使用在你想要它绑定的元素上。您也可以使用onclick只绑定一个事件，而.click允许您继续绑定事件。
在我看来，我会保持一致，在任何地方都使用.click，并将所有JavaScript代码放在一起，与HTML分开。
不要使用onclick。除非你知道你在做什么，否则没有任何理由使用它，而你可能不知道。
说你有一个按钮嵌套在Javascript/Jquery生成的html元素(.html()或.innerHTML类型的元素)，然后你需要首先选择最外层的元素(父元素)，并这样做
var parentElement = $('#outermostElement')
parentElement.click('button', function(){
console.log('clicked')
})
我所说的最外层元素是指嵌入.html()的元素
outermostElement.html("<div><button>click<button><div>")
大多数情况下，当性能是唯一的标准时，原生JavaScript方法是比jQuery更好的选择，但是jQuery利用了JavaScript并使开发变得容易。可以使用jQuery，因为它不会严重降低性能。在你的具体情况下，性能的差异是可以忽略的。
<whatever onclick="doStuff();" onmouseover="in()" onmouseout="out()" />
onclick, onmouseover, onmouseout等事件实际上对性能不好(主要是在ie中，去想想)。如果您使用Visual Studio进行编码，当您使用这些代码运行一个页面时，其中的每一个都将创建一个单独的SCRIPT块，占用内存，从而降低性能。
更不用说你应该有一个分离的关注点:JavaScript和布局应该分开!
为这些事件创建evenHandlers总是更好的，一个事件可以捕获数百/数千个项目，而不是为每个事件创建数千个单独的脚本块!
(还有，所有人都在说的话。)
