jquery - 使用什么最有利？ $(this) 与 this

Question

什么时候使用 $(this) 最有利，什么时候应该使用普通的旧 this ($(this)[0])?

我已在 SO 上发帖之前，有人告诉我，我不应该在函数中过多使用 $(this)，而应该使用 this。

为什么？ $(this) 是否占用大量内存或其他什么？或者它有时包含的数据是否比您当前在函数中使用的数据多(开销太大)？

Answer 1

这取决于你需要什么。在例如的背景下事件处理程序，

• this 是对 native DOM 对象的引用

• $(this) 是对 jQuery 扩展对象的引用，它将所有 jQuery 优点添加到元素中 (.css(), .attr() 以及数十个(如果不是数百个)其他方法)。

在 jQuery 扩展对象中， native DOM 对象仍然可用作 0 属性:

element = $("#element");
alert(element[0].id); // Outputs the native object's `id` property

如果您只需要 native 功能，则无需将其包装到 jQuery 对象中，但您通常希望能够在某个时刻访问扩展功能。

关于开销，我没有任何硬数据，但我想这是所有 jQuery 中最优化的操作之一，因为它通常必须应用于每个元素。除非您使用数以万计的元素，否则无论哪种方式都可能不会有显着的差异。