jQuery.click() vs onClick

我有一个巨大的jQuery应用程序，我正在使用下面的两个方法来处理点击事件。

第一个方法

HTML

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

jQuery

$('#myDiv').click(function(){
    //Some code
});

第二种方法

HTML

<div id="myDiv" onClick="divFunction()">Some Content</div>

JavaScript函数调用

function divFunction(){
    //Some code
}

在我的应用程序中，我使用第一种或第二种方法。哪个更好?性能更好?和标准?

当前回答

Onclick函数Jquery

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

其他回答

大多数情况下，当性能是唯一的标准时，原生JavaScript方法是比jQuery更好的选择，但是jQuery利用了JavaScript并使开发变得容易。可以使用jQuery，因为它不会严重降低性能。在你的具体情况下，性能的差异是可以忽略的。

第一种方法是选择。它使用高级事件注册模型，这意味着您可以将多个处理程序附加到同一个元素。您可以轻松地访问事件对象，并且处理程序可以存在于任何函数的作用域中。此外，它是动态的，即它可以在任何时候被调用，特别适合于动态生成的元素。无论直接使用jQuery、其他库还是本地方法都无关紧要。

第二种方法使用内联属性，需要大量全局函数(这会导致名称空间污染)，并将内容/结构(HTML)与行为(JavaScript)混合在一起。不要用这个。

你关于性能或标准的问题不容易回答。这两种方法完全不同，做的事情也不一样。第一种更强大，而第二种则被鄙视(被认为是糟糕的风格)。

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

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

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

function divFunction(){
 //some code
}

这样做，因为它将为您提供标准和性能。

 $('#myDiv').click(function(){
      //Some code
 });

因为第二种方法是简单的JavaScript代码，比jQuery更快。但这里的性能大致相同。

在我看来，你的问题并不是关于是否使用jQuery。而是:在HTML中内联绑定事件更好，还是通过事件监听器绑定事件更好?

不支持内联绑定。此外，通过这种方式，您只能将一个函数绑定到某个事件。

因此，我建议使用事件侦听器。通过这种方式，您将能够将许多函数绑定到单个事件，并在需要时稍后取消它们的绑定。考虑这段纯JavaScript代码:

querySelector('#myDiv').addEventListener('click', function () {
    // Some code...
});

这在大多数现代浏览器中都有效。

然而，如果你已经在你的项目中包含了jQuery -只需使用jQuery: .on或.click函数。

推荐文章