$(this)與this的區別

首先來看看JQuery中的  $()  這個符號,實際上這個符號在JQuery中至關於JQuery(),即$(this)=jquery();也就是說,這樣能夠返回一個jquery對象。那麼,當你在網頁中alert($('#id'));時,會彈出一個[object Object ],這個object對象,也就是jquery對象了。html

       那麼,咱們再回過頭來講$(this),這個this是什麼呢?假設咱們有以下的代碼:jquery

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

          alert($(this));spa

          alert(this);orm

}htm

那麼,這時候能夠看出來:對象

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

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

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

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

相關文章
相關標籤/搜索