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