Question

1st：使用对函数的引用添加onClick。

<button id="click" onclick="click()">1.click me</button>
<script>
function click(){
    alert("ok");
}
</script>

第二：使用jQuery检查点击事件。

<button id="click">2.click me</button>
<script>
$(function(){
    $('#click').click(function(){
      alert("ok");
    });
});
</script>

哪个效果更好？

Answer 1

选择器使用Jquery.js工作。如果您的项目很小，那么在文档中包含Jquery可能不是一个好主意，并且会使您的页面负载过重（不多）。但选择器（特别是JQuery）使编码变得简单，并为网站提供专业功能。所以每个网页设计师都要学习如何使用它。

如果您的设计页面变得复杂，我建议您使用JQuery，但如果您的页面就像那样，那么您最好使用简单的Java Script。

我同意@Tushar。

Answer 2

最重要的是保持html js css和所有其他文件分开。通过这种方式，您可以轻松地保持代码清洁。由于这个主要原因，我更喜欢使用第二种方式。事实上，通过这种方式，您可以直接从js代码管理您的事件，而不必检查HTML文件的所有内容以查找您的功能。

Answer 3

就你的例子而言，两者都运作良好。但如果你只关心哪种方式更好，那么这取决于你想要实现的目标。

An ecommerce网站：

他们已经加载了大量图片，如果他们在每个他们想要点击的元素上添加了一个onclick，那么就会显着增加他们的加载时间，因为html实际上是在网页上重新加入并使用了带宽。

但是，如果只有一个按钮，例如投资组合网站上的雇用我，那么两个按钮都没有任何明显的时间延迟。