inline onclick vs jquery .click（）

Question

我已经看到了两种连接事件的方法：

<input type="button" onclick=" printGrid() " value="Print" />

 $(document).ready(function () {


    $("#printGrid").click(function () {
        printGrid();
    });

});

一方面是否存在差异或好处（除了第二方使用JQuery之外）？

请注意，这个问题只是关于连线，而不是使用内联javascript。

Answer 1

它更干净。始终将CSS，JAVASCRIPT / JQUERY，HTML分开。

Answer 2

如果你在5个不同的页面上有这个按钮，你需要从5个不同的地方打电话，那么你需要更改你必须从所有地方改变的功能名称，这样就很难维护。

使用click with jQuery还有另一个好处，即浏览器缓存文件，加载时间更短。