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實現(xiàn)的Ajax 驗證用戶名是否存在的實現(xiàn)代碼
基于jQuery實現(xiàn)的Ajax 驗證用戶名是否存在的實現(xiàn)代碼，需要的朋友可以參考下。2011-04-04
jQuery結(jié)合CSS制作動態(tài)的下拉菜單
這篇文章主要介紹了jQuery結(jié)合CSS制作一個動態(tài)的下拉菜單，下拉菜單可以彌補(bǔ)空間的不足，感興趣的小伙伴們可以參考一下2015-10-10
jQuery使用serialize()表單序列化時出現(xiàn)中文亂碼問題的解決辦法
列化中文時出現(xiàn)中文亂碼問題，怎么回事呢？下面給大家介紹下jQuery使用serialize()序列化表單時出現(xiàn)中文亂碼問題的解決辦法，有需要的朋友參考下2016-07-07
jQuery插件jcrop+Fileapi完美實現(xiàn)圖片上傳+裁剪+預(yù)覽的代碼分享
這篇文章主要介紹了jQuery插件jcrop+Fileapi完美實現(xiàn)圖片上傳+裁剪+預(yù)覽的代碼，非常的簡單實用，效果也很棒，有需要的小伙伴可以參考下。2015-04-04
jQuery溫習(xí)篇 強(qiáng)大的JQuery選擇器
學(xué)習(xí)jQuery已經(jīng)有1年多的時間了，但是一直由于做WinForm程序開發(fā)沒有經(jīng)常實踐?，F(xiàn)在又開始重拾WebForm開發(fā)。寫幾篇jQuery系列，溫習(xí)下jQuery框架的知識。2010-04-04
本篇文章只要是對jQuery自定義事件的簡單實現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章介紹了簡單的Jquery遮罩層代碼實例，有需要的朋友可以參考一下2013-11-11
jQuery 驗證插件 Web前端設(shè)計模式(asp.net)
asp.net下用戶注冊頁面的驗證代碼，花了點時間將驗證做成一個jQuery插件，希望對需要的朋友有所幫助。2010-10-10
這篇文章主要介紹了jQuery移動web開發(fā)中的頁面初始化與加載事件,是JavaScript移動端頁面開發(fā)學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-12-12
如果在iframe中使用則彈不出對話框，而有時候我們還必須得使用iframe而不能用jQuery的load方式，下面有個不錯的處理方法，希望對大家有所幫助2014-01-01