JQuery this 和this的區別

2022-07-18 06:27:11 字數 781 閱讀 5073

$(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的方法或者屬性。

JQuery this和 this 的區別

相信很多剛接觸jquery的人,很多都會對 t his 和thi s的區別 模糊不清 那麼這 兩者有什 麼區別呢 thi s是原生 js中的 dom對 象 th is 和 this 的區別模 糊不清,那麼這兩 者有什麼 區別呢?this 是原生j s中的d om物件 this 是jquery物件 以...

jquery this 和this的區別

首先來看看jquery中的 這個符號,實際上這個符號在jquery中相當於jquery 即 this jquery 也就是說,這樣可以返回乙個jquery物件。那麼,當你在網頁中alert id 時,會彈出乙個 object object 這個object物件,也就是jquery物件了。那麼,我們再...

JQuery this和 this 的區別

1.jquery this和 this 的區別 相信很多剛接觸jquery的人,很多都會對 this 和this的區別模糊不清,那麼這兩者有什麼區別呢?首先來看看jquery中的 這個符號,實際上這個符號在jquery中相當於jquery 即 this jquery 也就是說,這樣可以返回乙個jqu...