1. 程式人生 > >jquery裏$(this)和this的區別在哪

jquery裏$(this)和this的區別在哪

addclass 調用 cti OS dom節點 att query lis attr

下面兩段代碼在jquery的官網見到的,何時用$(this),又何時用this呢?

$(document).ready(function() {
   $("#orderedlist li:last").hover(function() {
     $(this).addClass("green");
   },function(){
     $(this).removeClass("green"); # $(this)
   });
 });
$(document).ready(function() {
   // use this to reset several forms at once
   $("#reset").click(function() {
     $("form").each(function() {
       this.reset(); # this
     });
   });
 });

如果你要使用html元素本身的屬性或者方法就需要使用this,如果你要使用jquery包裝後的方法或者屬性就要使用$(this),一般則有如下的關系

$(this)[0]==this;

上文的代碼是要使用this的地方是要調用表單form的有reset方法,而這一方法jQuery沒有包裝支持,所以才有this.reset(),也可以使用$(this)[0].reset();

也就是說this是html元素對象

$(this)成為jquery對象

this 是 JavaScript 中的關鍵字。
$(this) 可以認為是用 jQuery 包裝過 JavaScript 中的 this,包裝後 $(this) 就會繼承 jQuery 的方法。

本質就是JavaScript與jQuery對象的轉換

$(‘a‘).click(function(){
     // 這裏的 this 指向當前點擊的DOM節點,也就是a。可以調用DOM方法,比如this.getAttribute, this.tagName ...
    // 這裏的 $(this) 表示包裝過的一個 jQuery 對象,擁有 jQuery 的一些方法,比如 $(this).addClass(), $(this).hide() ...
});

$(this)是jquery對象,能調用jquery的方法,例如click(), keyup()。
而this,則是html元素對象,能調用元素屬性,例如this.id,this.value。
例如假設已經使得this和$(this)都指向了input對象了,若要獲得input的值,可以this.value,但$(this)就得$(this).val()。

jquery裏$(this)和this的區別在哪