两者都不是更好的，因为它们可以用于不同的目的。onClick(实际上应该是onClick)执行得稍微好一点，但我高度怀疑你会注意到其中的差异。

值得注意的是，它们做不同的事情:.click可以绑定到任何jQuery集合，而onclick必须内联使用在你想要它绑定的元素上。您也可以使用onclick只绑定一个事件，而.click允许您继续绑定事件。

在我看来，我会保持一致，在任何地方都使用.click，并将所有JavaScript代码放在一起，与HTML分开。

不要使用onclick。除非你知道你在做什么，否则没有任何理由使用它，而你可能不知道。

使用$('#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);

http://jsfiddle.net/aj55x/1/

Why use addEventListener? (From MDN) addEventListener is the way to register an event listener as specified in W3C DOM. Its benefits are as follows: It allows adding more than a single handler for an event. This is particularly useful for DHTML libraries or Mozilla extensions that need to work well even if other libraries/extensions are used. It gives you finer-grained control of the phase when the listener gets activated (capturing vs. bubbling) It works on any DOM element, not just HTML elements.

更多关于现代活动注册-> 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

MDN参考:https://developer.mozilla.org/en-US/docs/DOM/event

说你有一个按钮嵌套在Javascript/Jquery生成的html元素(.html()或.innerHTML类型的元素)，然后你需要首先选择最外层的元素(父元素)，并这样做

var parentElement = $('#outermostElement')
 parentElement.click('button', function(){
    console.log('clicked')
}) 

我所说的最外层元素是指嵌入.html()的元素

outermostElement.html("<div><button>click<button><div>")

$ (" # myDiv”)。click更好，因为它将JavaScript代码从HTML中分离出来。必须尽量保持页面行为和结构的不同。这很有帮助。

你可以结合它们，使用jQuery将函数绑定到点击

<div id="myDiv">Some Content</div>

$('#myDiv').click(divFunction);

function divFunction(){
 //some code
}

Onclick函数Jquery

$(" #选择器”).click(函数(){ / /你的功能 })；