如果我有以下按钮：
<button type="button" id="send_email" class="btn btn-primary"
onclick="sendEmail();">Send</button>
那么，哪个最好调用JS函数或在单独的JS文件中使用单击事件
function sendEmail(){
..... some code .....
}
或
$("#send_email").click(function(){});
第二个
$("#send_email").click(function(){});
更好，因为
它很突兀，因此更易于访问，请在此处阅读更多相关信息
它使代码更具可读性和可维护性，因为它将结构与逻辑分开。
出于以下原因，我会选择第二个选项而不是第一个选项：
- 使您的 JS 与 HTML 分开
- 由于jQuery，更容易开发。缩短了开发时间。
- 更容易添加效果和其他动画
- 更好的浏览器兼容性
- 代码更少，复杂性更高
但是，如果你的应用程序不需要大量的脚本，我会选择纯JavaScript。原因是加载jQuery源文件将花费额外的时间。
人们普遍认为，最好像在第二个选项中那样注册元素的事件。有人称之为"不显眼的javascript"。
它在功能上是等效的，但它有助于分离HTML和javascript代码，使其更干净，更易于维护和部署。您还可以将事件的处理合并到更大函数（ality）的范围内。