jquery - 将 onClick 处理程序放在标签中与 JS 代码中

Question

假设我有两个按钮，如下所示:

<input type="button" id="button1" value="click me 1" />
<input type="button" id="button2" value="click me 2" />

除了代码不同之外，在其中一个上放置 onclick 属性并使用 jQuery 处理另一个会有什么区别？

HTML:

<input type="button" id="button1" value="click me 1" onclick="alert('Clicked button 1!');"/>
<input type="button" id="button2" value="click me 2" />

JS/jQuery:

$(document).ready(function() {
    $("#button2").click(function(){
        alert("Clicked button 2!");
    }); 
});

Answer 1

效果是一样的。但也存在一些差异，例如: 当点击第一个按钮时触发第一个事件，内容是在页面加载后加载的，第二个事件是在点击后触发的，但内容每时每刻都在初始化。