對(duì)于this和$(this)的個(gè)人理解
更新時(shí)間：2013年09月08日 16:27:25 作者：
this指的是javascript對(duì)象而$(this)就是就jquery對(duì)象，不懂的朋友可以看看本文
復(fù)制代碼 代碼如下:
jQuery.prototype.test=function(){
this.css("color","#99");//這里的this是jquery對(duì)象,而不是dom對(duì)象
alert(this[0]);//這里的this[0]指的是dom節(jié)點(diǎn)對(duì)象
}
復(fù)制代碼 代碼如下:
$("body").click(function(){
$(this).test();
$(this).test().html(this.nodeName).hide(10000);
})
在頁(yè)面上使用click方法的時(shí)候相當(dāng)于new了一個(gè)Jquery對(duì)象然后調(diào)用他的click方法，方法里面的參數(shù)是一個(gè)javascript的function函數(shù)，里面的this指的是javascript對(duì)象，this是javascript自身的 語(yǔ)法關(guān)鍵字，它指向一個(gè)javascript對(duì)象，所以可以使用所指向的目標(biāo)javascript對(duì)象所擁有的方法
而jQuery.prototype.test相當(dāng)于在就query對(duì)象中新建一個(gè)test的方法，所以里面的this理所應(yīng)當(dāng)?shù)木褪蔷蚸query對(duì)象
通過this[0]可以把jquery對(duì)象轉(zhuǎn)化成dom節(jié)點(diǎn)對(duì)象
因?yàn)閠his永遠(yuǎn)指向調(diào)用該方法（函數(shù)）的那個(gè)對(duì)象（call，apply方法除外）
您可能感興趣的文章:
相關(guān)文章
本文給大家分享的是一個(gè)經(jīng)常需要碰到的問題的解決方案，如何才能讓一個(gè)頁(yè)面中同時(shí)存在多個(gè)jQuery呢，這就是今天我們需要探討的話題了。2015-03-03
javascript trim函數(shù)在IE下不能用的解決方法
trim 函數(shù)在firefox 下面使用沒有問題，但是在IE下就報(bào)錯(cuò)，下面是可行的解決方法，大家可以看看2014-09-09
小編收集了13個(gè)有用的CSS3,HTML5和jQuery搜索表單腳本來幫助大家從頭開始創(chuàng)建一個(gè)搜索框。希望能夠幫助到大家，讓我們一起來看看吧！2014-12-12
jquery實(shí)現(xiàn)清新實(shí)用的網(wǎng)頁(yè)菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)清新實(shí)用的網(wǎng)頁(yè)菜單效果,涉及jquery通過鼠標(biāo)事件控制頁(yè)面元素的動(dòng)態(tài)隱藏與顯示實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
jQuery form插件之formDdata參數(shù)校驗(yàn)表單及驗(yàn)證后提交
Form Plugin API 里提供了很多有用的方法可以讓你輕松的處理表單里的數(shù)據(jù)和表單的提交過程,通過本文給大家介紹jQuery form插件之formDdata參數(shù)校驗(yàn)表單及驗(yàn)證后提交的相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
在開發(fā)過程中經(jīng)常會(huì)碰到讓html組件不可輸入(只讀)，任何組件都有效的情況，接下來將為大家詳細(xì)實(shí)現(xiàn)下，感興趣的朋友可以參考下哈2013-04-04
jquery請(qǐng)求servlet實(shí)現(xiàn)ajax異步請(qǐng)求的示例
下面小編就為大家?guī)硪黄猨query請(qǐng)求servlet實(shí)現(xiàn)ajax異步請(qǐng)求的示例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
jQuery源碼分析-02正則表達(dá)式 RegExp 常用正則表達(dá)式
在網(wǎng)上找到一篇廣為流傳的文章《常用正則表達(dá)式》，逐一分析，不足地方進(jìn)行補(bǔ)充和糾正2011-11-11
以前經(jīng)?？匆娋W(wǎng)站有菜單的顯示，鼠標(biāo)移上去就出現(xiàn)下拉的效果，下面為大家介紹下,下面為大家介紹下JQuery實(shí)現(xiàn)的橫向下拉菜單2013-12-12
這篇文章主要介紹了jQuery中index()方法用法,實(shí)例分析了index()方法返回索引值的幾種常見使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12