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

創(chuàng)新互聯(lián)建站公司2013年成立，先為?？档确?wù)建站，?？档鹊仄髽I(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為?？灯髽I(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

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

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

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

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

相信很多剛接觸JQuery的人，很多都會對$(this)和this的區(qū)別模糊不清，那么這兩者有什么區(qū)別呢？

首先來看看JQuery中的  $()  這個(gè)符號，實(shí)際上這個(gè)符號在JQuery中相當(dāng)于JQuery（）,即$(this)=jquery();也就是說，這樣可以返回一個(gè)jquery對象。那么，當(dāng)你在網(wǎng)頁中alert($('#id'));時(shí)，會彈出一個(gè)[object Object ]，這個(gè)object對象，也就是jquery對象了。

那么，我們再回過頭來說$(this)，這個(gè)this是什么呢？假設(shè)我們有如下的代碼：

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

那么，這時(shí)候可以看出來：

alert($(this));  彈出的結(jié)果是[object Object ]
alert(this);        彈出來的是[object HTMLImageElement]

也就是說，后者返回的是一個(gè)html對象(本例中是遍歷HTML的img對象，所以為HTMLImageElement)。

很多人在使用jquery的時(shí)候，經(jīng)常this.attr('src');   這時(shí)會報(bào)錯(cuò)“對象不支持此屬性或方法”，這又是為什么呢？其實(shí)看明白上面的例子，就知道錯(cuò)在哪里了：很簡單，this操作的是HTML對象，那么，HTML對象中怎么會有val()方法了，所以，在使用中，我們不能直接用this來直接調(diào)用jquery的方法或者屬性。

2.獲取$(this)子節(jié)點(diǎn)對象的方法：find(element)

明白了$(this)和this的區(qū)別，再來看看這個(gè)例子:(假設(shè)，我的頁面中a標(biāo)簽包含img，并含有src屬性)，當(dāng)我在遍歷的時(shí)候，想取到$(this)下img中src的地址

      $("#desktop a ").each(function(index){
         var imgurl=$(this).find('img').attr('src');
         alert(imgurl);
        }

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

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