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地址了。
以上這篇淺談jQuery this和$(this)的區別及獲取$(this)子元素對象的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。