jquery - $(this) 与 jQuery 中的 this

Question

jQuery 中的 $(this) 和 this 有什么区别？以下是两种不同的用法:

 $(document).ready(function() {
   $("#orderedlist").find("li").each(function(i) {
     $(this).append( " BAM! " + i );
   });
 });


 $(document).ready(function() {
   // use this to reset several forms at once
   $("#reset").click(function() {
     $("form").each(function() {
       this.reset();
     });
   });
 });

Answer 1

“this”变量引用(在这种情况下是您提供的事件处理程序)一个 DOM 元素。因此 $(this) 是一个只包含该 DOM 元素的 jQuery 对象。

当 native DOM API 足够时，您应该使用简单的“this”，而当您需要 jQuery 的帮助时，您应该使用 $(this)。你的第二个例子是一个很好的说明；另一种可能是当您只需要元素的“id”或“name”时。