JQuery this和$(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地址了。
轉載來自:http://www.cnblogs.com/hannover/p/4109779.html