對于this和$(this)的個人理解
更新時間:2013年09月08日 16:27:25 作者:
this指的是javascript對象而$(this)就是就jquery對象,不懂的朋友可以看看本文
復制代碼 代碼如下:
jQuery.prototype.test=function(){
this.css("color","#99");//這里的this是jquery對象,而不是dom對象
alert(this[0]);//這里的this[0]指的是dom節(jié)點對象
}
復制代碼 代碼如下:
$("body").click(function(){
$(this).test();
$(this).test().html(this.nodeName).hide(10000);
})
在頁面上使用click方法的時候相當于new了一個Jquery對象然后調(diào)用他的click方法,方法里面的參數(shù)是一個javascript的function函數(shù),里面的this指的是javascript對象,this是javascript自身的 語法關鍵字,它指向一個javascript對象,所以可以使用所指向的目標javascript對象所擁有的方法
而jQuery.prototype.test相當于在就query對象中新建一個test的方法,所以里面的this理所應當?shù)木褪蔷蚸query對象
通過this[0]可以把jquery對象轉(zhuǎn)化成dom節(jié)點對象
因為this永遠指向調(diào)用該方法(函數(shù))的那個對象(call,apply方法除外)
您可能感興趣的文章:
相關文章
javascript trim函數(shù)在IE下不能用的解決方法
trim 函數(shù)在firefox 下面使用沒有問題,但是在IE下就報錯,下面是可行的解決方法,大家可以看看2014-09-09
jquery實現(xiàn)清新實用的網(wǎng)頁菜單效果
這篇文章主要介紹了jquery實現(xiàn)清新實用的網(wǎng)頁菜單效果,涉及jquery通過鼠標事件控制頁面元素的動態(tài)隱藏與顯示實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jQuery form插件之formDdata參數(shù)校驗表單及驗證后提交
Form Plugin API 里提供了很多有用的方法可以讓你輕松的處理表單里的數(shù)據(jù)和表單的提交過程,通過本文給大家介紹jQuery form插件之formDdata參數(shù)校驗表單及驗證后提交的相關知識,感興趣的朋友一起學習吧2016-01-01
jquery請求servlet實現(xiàn)ajax異步請求的示例
下面小編就為大家?guī)硪黄猨query請求servlet實現(xiàn)ajax異步請求的示例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
jQuery源碼分析-02正則表達式 RegExp 常用正則表達式
在網(wǎng)上找到一篇廣為流傳的文章《常用正則表達式》,逐一分析,不足地方進行補充和糾正2011-11-11

