jquery - 何时使用 $(this) 不是更慢吗？

Question

在 jQuery 中我们可以这样做...

$('.button').click( function() {

    $(this).hide();

} );

但是我们当然也可以这样做:

$('.button').click( function() {

    $('.button').hide();

} );

使用这个有什么优点？这样不是更慢吗？

我认为这个问题的答案会是这样的......

There are situations when only way is to use this.

那就给我看看这种情况的例子吧! :)

我应该使用哪个主要(如果两者都有效)？

Answer 1

• 您应该使用 this如果您只想访问 DOM 属性(所有浏览器都实现了一些属性)。

  例如:this.href ( <a> ), this.src ( <img> ), this.id (所有元素(如果设置))等这是最快的方法，因为您不需要对 jQuery 进行函数调用。

• 您应该使用 $(this)如果您想将jQuery 函数应用于 DOM 元素。

• 您应该避免使用$(selector)如果您已经有对该元素的引用。再次搜索 DOM 会慢很多。

您可以看到in line 92 of the source code当您传递 HTML 元素时，不会发生太多事情。

<小时/>

另请注意 $(this).hide()和$('.button').hide();不等价。第一个只会隐藏单击的元素，而第二个将隐藏所有 .button元素。