淺談jQuery this和$(this)的區(qū)別及獲取$(this)子元素對(duì)象的方法

1.JQuery

公司主營(yíng)業(yè)務(wù)：網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出鎮(zhèn)安免費(fèi)做網(wǎng)站回饋大家。

this和$(this)的區(qū)別

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

首先來看看JQuery中的

$()

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

Object

]，這個(gè)object對(duì)象，也就是jquery對(duì)象了。

那么，我們?cè)倩剡^頭來說$(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對(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來直接調(diào)用jquery的方法或者屬性。

2.獲取$(this)子節(jié)點(diǎn)對(duì)象的方法：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地址了。

以上這篇淺談jQuery

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

JQuery的$('')和$("")有什么區(qū)別。

沒有任何區(qū)別。

在JQuery或是JS里面，''和“” 的作用是一模一樣的。

就是在輸入的時(shí)候，一個(gè)直接輸入，一個(gè)還有按著shift鍵。見此而已。

jquery 和$的區(qū)別

jquery等同于$，jquery()等同于$（）。為了方便編寫代碼，同時(shí)為了加載速度，所以jquery庫(kù)里面封閉了$符的特定函數(shù)，簡(jiǎn)化了javascript的煩雜。

$和jQuery有什么區(qū)別

$就當(dāng)一個(gè)符號(hào)是jQuery內(nèi)置定義的 就如js語句document.getElementByid("id").value; 而jQuery就用$("id").value 所以$就算得上封裝了前面的那一堆羅嗦的js 我們自己也可以在js里簡(jiǎn)單的用一個(gè)字符去替換那段便起到了封裝的作用 我是這么理解 不曉得是否正確 呵呵

jQuery里面的$("this")和$(this)有什么區(qū)別

1、$("this")是使用標(biāo)簽選擇器，查找名為this的標(biāo)簽

2、$(this)取出當(dāng)前對(duì)象并轉(zhuǎn)換為jQuery對(duì)象

3、$(this)是jquery對(duì)象，能調(diào)用jquery的方法，例如click(),

keyup()；而this,則是html元素對(duì)象，能調(diào)用元素屬性，例如this.id,this.value