JQuery this 和 $(this) 的區(qū)別
更新時(shí)間:2009年08月23日 19:00:13 作者:
起初以為this和$(this)就是一模子刻出來(lái)。但是我在閱讀時(shí),和coding時(shí)發(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其實(shí)是一個(gè)Html 元素(textbox),textbox有text屬性,所以這樣寫是完全沒有什么問(wèn)題的。
但是如果將this換成$(this)就不是那回事了,Error–報(bào)了。
Error Code:
$("#textbox").hover(
function() {
$(this).title = "Test";
},
function() {
$(this).title = "OK";
}
);
這里的$(this)是一個(gè)JQuery對(duì)象,而jQuery對(duì)象沒有title 屬性,因此這樣寫是錯(cuò)誤的。
JQuery擁有attr()方法可以get/set DOM對(duì)象的屬性,所以正確的寫法應(yīng)該是這樣:
正確的代碼:
$("#textbox").hover(
function() {
$(this).attr('title', ‘Test');
},
function() {
$(this).attr('title', ‘OK');
}
);
使用JQuery的好處是它包裝了各種瀏覽器版本對(duì)DOM對(duì)象的操作,因此統(tǒng)一使用$(this)而不再用this應(yīng)該是比較不錯(cuò)的選擇。
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其實(shí)是一個(gè)Html 元素(textbox),textbox有text屬性,所以這樣寫是完全沒有什么問(wèn)題的。
但是如果將this換成$(this)就不是那回事了,Error–報(bào)了。
Error Code:
復(fù)制代碼 代碼如下:
$("#textbox").hover(
function() {
$(this).title = "Test";
},
function() {
$(this).title = "OK";
}
);
這里的$(this)是一個(gè)JQuery對(duì)象,而jQuery對(duì)象沒有title 屬性,因此這樣寫是錯(cuò)誤的。
JQuery擁有attr()方法可以get/set DOM對(duì)象的屬性,所以正確的寫法應(yīng)該是這樣:
正確的代碼:
復(fù)制代碼 代碼如下:
$("#textbox").hover(
function() {
$(this).attr('title', ‘Test');
},
function() {
$(this).attr('title', ‘OK');
}
);
使用JQuery的好處是它包裝了各種瀏覽器版本對(duì)DOM對(duì)象的操作,因此統(tǒng)一使用$(this)而不再用this應(yīng)該是比較不錯(cuò)的選擇。
您可能感興趣的文章:
- jQuery AJAX回調(diào)函數(shù)this指向問(wèn)題
- jQuery 選擇方法及$(this)用法實(shí)例分析
- 淺談jQuery this和$(this)的區(qū)別及獲取$(this)子元素對(duì)象的方法
- jQuery中$this和$(this)的區(qū)別介紹(一看就懂)
- 實(shí)例講解JQuery中this和$(this)區(qū)別
- 詳談jQuery中的this和$(this)
- 通過(guò)$(this)使用jQuery包裝后的方法或?qū)傩?/a>
- jquery $(this).attr $(this).val方法使用介紹
- jquery中this的使用說(shuō)明
- JQuery中this的指向詳解
相關(guān)文章
JQuery復(fù)制DOM節(jié)點(diǎn)的方法
這篇文章主要介紹了JQuery復(fù)制DOM節(jié)點(diǎn)的方法,涉及jQuery中clone與appendTo方法的使用技巧,需要的朋友可以參考下2015-06-06使用微信內(nèi)置瀏覽器點(diǎn)擊下拉框出現(xiàn)頁(yè)面亂跳轉(zhuǎn)現(xiàn)象(iphone),該怎么辦
這篇文章主要介紹了使用微信內(nèi)置瀏覽器點(diǎn)擊下拉框出現(xiàn)頁(yè)面亂跳轉(zhuǎn)現(xiàn)象(iphone),該怎么辦的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery實(shí)現(xiàn)的多屏圖像圖層切換效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的多屏圖像圖層切換效果,可實(shí)現(xiàn)多個(gè)圖層的點(diǎn)擊切換效果,設(shè)計(jì)jQuery鼠標(biāo)事件及樣式的操作技巧,需要的朋友可以參考下2015-05-05jquery點(diǎn)擊獲取動(dòng)態(tài)數(shù)據(jù)進(jìn)行傳參問(wèn)題
這篇文章主要介紹了jquery點(diǎn)擊獲取動(dòng)態(tài)數(shù)據(jù)進(jìn)行傳參問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12jQuery EasyUI API 中文文檔 - Parser 解析器
jQuery EasyUI API 中文文檔 - Parser 解析器,使用jQuery EasyUI的朋友可以參考下。2011-09-09原生Aajax 和jQuery Ajax 寫法個(gè)人總結(jié)
AJAX:即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開發(fā)技術(shù)。本文重點(diǎn)給大家介紹原生Aajax 和jQuery Ajax 個(gè)人總結(jié),一起看看吧2017-03-03jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法,實(shí)例分析了jQuery實(shí)現(xiàn)form表單延時(shí)提交的技巧,需要的朋友可以參考下2015-03-03