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

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

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

那么，我們?cè)倩剡^(guò)頭來(lái)說(shuō)$(this)，這個(gè)this是什么呢？假設(shè)我們有如下的代碼：

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

      alert($(this));

      alert(this);

 }

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

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

 alert(this);   彈出來(lái)的是[object HTMLImageElement]

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

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

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

明白了$(this)和this的區(qū)別，再來(lái)看看這個(gè)例子:(假設(shè)，我的頁(yè)面中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地址了。

以上這篇淺談jQuery this和$(this)的區(qū)別及獲取$(this)子元素對(duì)象的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論