jQuery中的$(this)和’this’的区别

在jQuery中，$(this)和this都是用于引用当前元素的方法。但是，它们之间有一些区别。以下是详细攻略，含两个示例，演示$(this)和this的区别：

$(this)方法

$(this)方法是一个jQuery对象，它引用当前元素并将其包装在jQuery对象中。以下是一个例子，演示如何使用$(this)方法：

$(document).ready(function() {
  $( "button" ).click(function() {
    $( this ).hide();
  });
});

在这个示例中，我们使用$(this)方法引用当前点击的按钮，并使用hide()方法将其隐藏。

this方法

this方法是一个JavaScript关键字，它引用当前元素。以下是一个例子，演示如何使用this方法：

$(document).ready(function() {
  $( "button" ).click(function() {
    this.style.display = "none";
  });
});

在这个示例中，我们使用this方法引用当前点击的按钮，并使用JavaScript设置其样式，将其隐藏。

区别

$(this)方法是一个jQuery对象，它引用当前元素并将其包装在jQuery对象中。而this方法是一个JavaScript关键字，它引用当前元素。因此，$(this)方法可以使用jQuery的方法和属性，而this方法只能使用JavaScript的方法和。

示例1：使用$(this)方法

以下是一个示例，演示如何使用$(this)方法：

<button>点击我</button>

$(document).ready(function() {
  $( "button" ).click(function() {
    $( this ).text("已点击");
  });
});

在这个示例中，我们创建了一个按钮，并使用$(this)方法引用当前点击的按钮，并使用text()方法将其文本更改为“已点击”。

示例2：使用this

以下是另一个示例，演示如何使用this方法：

<button onclick="hideButton(this)">点击我</button>

function hideButton(button) {
  button.style.display = "none";
}

在这个示例中，我们创建了一个按钮，并使用onclick属性将hideButton()函数绑定到该按钮上。当按钮被点击时，hideButton()函数被调用，并使用this方法引用当前点击的按钮，并使用JavaScript设置其样式，将其隐藏。

总结

综上述，$(this)和this都是用于引用当前元素的方法。$(this)方法是一个jQuery对象，它引用当前元素并将其包装在jQuery对象中，而this方法是一个JavaScript关键字，它引用当前元素。以上是两个示例，演示$(this)和this的区别。