jquery裡面的$(this)和this都什麼時候用,有什麼區別

virusos發表於2017-04-22

當你用的是jquery時,就用$(this),如果是JS,就用this

$(this).html( $(this).html() + " BAM! " + i );

這個裡的html()是JQUERY方法,用$(this).html(),當然,JS裡也有相似方法innerHTML,如果用innerHTML,就要這樣寫了:

this.innerHTML();
this.reset();

這裡的reset是JS方法,所以同上得用this.reset();

jquery物件$(this)[0]等同於JS裡的元素this,這裡的this是一樣的,相信你應該看出來了,JS裡的元素只要包上$()就是jquery物件了,而jquery的物件只要加上[0]或者.get(0),就是js元素了。
$(this)是jquery物件,this就是簡單指當前元素。jquery物件不能直接指定元素的屬性(ele.style),需要get(index)或者直接(index)取得物件中元素才行
JQuery中的 $() 這個符號,實際上這個符號在JQuery中相當於JQuery(),即$(this)=jquery(this);也就是說,這樣可以返回一個jquery物件。那麼,當你在網頁中alert($('#id'));時,會彈出一個[object Object ],這個object物件,也就是jquery物件了。

那麼,我們再回過頭來說$(this),這個this是什麼呢?假設我們有如下的程式碼:

$("#desktop a img").each(function(index){

      alert($(this));

      alert(this);

}

那麼,這時候可以看出來:

alert($(this)); 彈出的結果是[object Object ]

alert(this); 彈出來的是[object HTMLImageElement]

jQuery中this與$(this)的區別

$("#textbox").hover(
     function() {
              this.title = "Test";
     },
    fucntion() {
              this.title = "OK”;
    }
);

這裡的this其實是一個Html 元素(textbox),textbox有text屬性,所以這樣寫是完全沒有什麼問題的。

但是如果將this換成$(this)就不是那回事了,Error--報了。this與$(this)的區別在此。
//Error Code:
$("#textbox").hover(
     function() {
          $(this).title = "Test";
     },
     function() {
          $(this).title = "OK";
     }
);

這裡的$(this)是一個JQuery物件,而jQuery物件沒有title 屬性,因此這樣寫是錯誤的。

JQuery擁有attr()方法可以get/set DOM物件的屬性,所以正確的寫法應該是這樣:

正確的程式碼:

$("#textbox").hover(
     function() {
          $(this).attr(’title’, ‘Test’);
     },
     function() {
          $(this).attr(’title’, ‘OK’);
     }
);

使用jQuery的好處是它包裝了各種瀏覽器版本對DOM物件的操作,因此統一使用$(this)而不再用this應該是比較不錯的選擇。

轉自:http://www.cnblogs.com/diantao/p/4514238.html
這部落格我真的要報警惹,為什麼字元會直接轉成程式碼啊

相關文章