JQuery this 和 $(this) 的區(qū)別
更新時間：2009年08月23日 19:00:13 作者：
起初以為this和$(this)就是一模子刻出來。但是我在閱讀時，和coding時發(fā)現(xiàn),總不是一回事。
What is "this"?
In many object-oriented programming languages, this (or self) is a keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked.
$("#textbox").hover(
function() {
this.title = "Test";
},
fucntion() {
this.title = "OK”;
}
);
這里的this其實是一個Html 元素(textbox)，textbox有text屬性，所以這樣寫是完全沒有什么問題的。
但是如果將this換成$(this)就不是那回事了，Error–報了。
Error Code：
$("#textbox").hover(
function() {
$(this).title ＝ "Test";
},
function() {
$(this).title = "OK";
}
);
這里的$(this)是一個JQuery對象，而jQuery對象沒有title 屬性，因此這樣寫是錯誤的。
JQuery擁有attr()方法可以get/set DOM對象的屬性，所以正確的寫法應(yīng)該是這樣：
正確的代碼：
$("#textbox").hover(
function() {
$(this).attr('title', ‘Test');
},
function() {
$(this).attr('title', ‘OK');
}
);
使用JQuery的好處是它包裝了各種瀏覽器版本對DOM對象的操作，因此統(tǒng)一使用$(this)而不再用this應(yīng)該是比較不錯的選擇。
In many object-oriented programming languages, this (or self) is a keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked.
復(fù)制代碼 代碼如下:
$("#textbox").hover(
function() {
this.title = "Test";
},
fucntion() {
this.title = "OK”;
}
);
這里的this其實是一個Html 元素(textbox)，textbox有text屬性，所以這樣寫是完全沒有什么問題的。
但是如果將this換成$(this)就不是那回事了，Error–報了。
Error Code：
復(fù)制代碼 代碼如下:
$("#textbox").hover(
function() {
$(this).title ＝ "Test";
},
function() {
$(this).title = "OK";
}
);
這里的$(this)是一個JQuery對象，而jQuery對象沒有title 屬性，因此這樣寫是錯誤的。
JQuery擁有attr()方法可以get/set DOM對象的屬性，所以正確的寫法應(yīng)該是這樣：
正確的代碼：
復(fù)制代碼 代碼如下:
$("#textbox").hover(
function() {
$(this).attr('title', ‘Test');
},
function() {
$(this).attr('title', ‘OK');
}
);
使用JQuery的好處是它包裝了各種瀏覽器版本對DOM對象的操作，因此統(tǒng)一使用$(this)而不再用this應(yīng)該是比較不錯的選擇。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了JQuery復(fù)制DOM節(jié)點的方法,涉及jQuery中clone與appendTo方法的使用技巧,需要的朋友可以參考下2015-06-06
使用微信內(nèi)置瀏覽器點擊下拉框出現(xiàn)頁面亂跳轉(zhuǎn)現(xiàn)象（iphone），該怎么辦
這篇文章主要介紹了使用微信內(nèi)置瀏覽器點擊下拉框出現(xiàn)頁面亂跳轉(zhuǎn)現(xiàn)象（iphone），該怎么辦的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章介紹了jQuery操作value值的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要為大家詳細(xì)介紹了避免jQuery名字沖突，noConflict()方法，感興趣的朋友可以參考一下2016-07-07
jQuery 美元符沖突的解決方法，使用jquery與別的js庫共同使用的時候需要注意的地方。2010-03-03
這篇文章主要介紹了jQuery實現(xiàn)的多屏圖像圖層切換效果,可實現(xiàn)多個圖層的點擊切換效果,設(shè)計jQuery鼠標(biāo)事件及樣式的操作技巧,需要的朋友可以參考下2015-05-05
jquery點擊獲取動態(tài)數(shù)據(jù)進行傳參問題
這篇文章主要介紹了jquery點擊獲取動態(tài)數(shù)據(jù)進行傳參問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
jQuery EasyUI API 中文文檔 - Parser 解析器
jQuery EasyUI API 中文文檔 - Parser 解析器，使用jQuery EasyUI的朋友可以參考下。2011-09-09
原生Aajax 和jQuery Ajax 寫法個人總結(jié)
AJAX:即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。本文重點給大家介紹原生Aajax 和jQuery Ajax 個人總結(jié)，一起看看吧2017-03-03
jQuery實現(xiàn)數(shù)秒后自動提交form的方法
這篇文章主要介紹了jQuery實現(xiàn)數(shù)秒后自動提交form的方法,實例分析了jQuery實現(xiàn)form表單延時提交的技巧,需要的朋友可以參考下2015-03-03