轉 JQuery this和$(this)的區別

    

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

 

2.獲取$(this)子節點對象的方法：find(element)

明白了$(this)和this的區別，再來看看這個例子:(假設，個人頁面中a標籤包含img，並含有src屬性)，當我在遍歷的時候，想取到$(this)下img中src的地址

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

         var imgurl=$(this).find('img').attr('src');

         alert(imgurl);

        }

其中 .find(element) 是返回一個用於匹配元素的DOM元素，這樣就能夠取到想要的src地址了。