jquery中this與$(this)有什么區別

這篇文章給大家分享的是有關jquery中this與$(this)有什么區別的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

jquery this與$(this)的區別是：1、this是一個Html元素，而$this只是個變量名，加$是為了說明其是個jquery對象；2、$(this)是個轉換，可用于將this表示的dom對象轉為jquery對象。

JQuery this和$(this)的區別及獲取$(this)子元素對象的方法

1.JQuery this和$(this)的區別

 // this其實是一個Html 元素。
 
 // $this 只是個變量名，加$是為說明其是個jquery對象。
 
 // 而$(this)是個轉換，將this表示的dom對象轉為jquery對象，這樣就可以使用jquery提供的方法操作。

相信很多剛接觸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地址了。

感謝各位的閱讀！關于jquery中this與$(this)有什么區別就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！