對于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方法除外)
您可能感興趣的文章:
相關文章
Jquery中的$.each獲取各種返回類型數(shù)據(jù)的使用方法
each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔,不容易出錯。each()函數(shù)封裝了十分強大的遍歷功能,使用也很方便,它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等,在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量。2015-05-05Jquery中LigerUi的彈出編輯框(實現(xiàn)方法)
本篇文章是對Jquery中LigerUi的彈出編輯框的實現(xiàn)方法進行了分析介紹,需要的朋友可以參考下2013-07-07jquery實現(xiàn)TAB選項卡鼠標經(jīng)過帶延遲效果的方法
這篇文章主要介紹了jquery實現(xiàn)TAB選項卡鼠標經(jīng)過帶延遲效果的方法,可實現(xiàn)tab選項卡的延遲加載效果,涉及jquery鼠標事件及延遲函數(shù)的相關使用技巧,需要的朋友可以參考下2015-07-07JavaScript實現(xiàn)的彈出遮罩層特效經(jīng)典示例【基于jQuery】
這篇文章主要介紹了JavaScript實現(xiàn)的彈出遮罩層特效,結(jié)合實例形式分析了基于jQuery實現(xiàn)的頁面元素與屬性動態(tài)操作相關使用技巧,需要的朋友可以參考下2019-07-07基于jquery的關于動態(tài)創(chuàng)建DOM元素的問題
在我們實際的項目之中,相信有很多的朋友直接使用了以下的格式創(chuàng)建DOM元素。2010-12-12