Jquery中$(this)與this的區別

相信很多剛接觸JQuery的人,很多都會對$(this)和this的區別模糊不清,那麼這兩者有什麼區別呢?

  首先來看看JQuery中的  $()  這個符號,實際上這個符號在JQuery中相當於JQuery(),即$(this)=jquery();也就是說,這樣可以返回一個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]

也就是說,後者返回的是一個html對象(本例中是遍歷HTML的img對象,所以爲 HTMLImageElement)。很多人在使用jquery的時候,經常this.attr('src');   這時會報錯“對象不支持此屬性或方法”,這又是爲什麼呢?其實看明白上面的例子,就知道錯在哪裏了:

很簡單,this操作的是HTML對象,那麼,HTML對象中怎麼會有val()方法了,所以,在使用中,我們不能直接用this來直接調用jquery的方法或者屬性。

看完上面的,簡單來說就是:this代表標籤對象,只能調用標籤本身的屬性和方法;$(this)是Jquery對象,調用的是由Jquery封裝的方法或屬性。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章