本文小編為大家詳細介紹“jquery可不可以用this”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“jquery可不可以用this”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
10年積累的做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗,可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你,你也不認識我。但先網(wǎng)站設計后付款的網(wǎng)站建設流程,更有景德鎮(zhèn)免費網(wǎng)站建設讓你可以放心的選擇與我們合作。
jquery可以用this。在jquery中,this表示當前的上下文對象是一個html對象,可以調用html對象所擁有的屬性、方法;利用“$(this)”語句可以把html元素變成jquery對象,進而使用jquery方法來處理當前對象,語法為“$(this).jquery方法名();”。
jquery可以用this。
jquery中,this表示當前的上下文對象是一個html對象,可以調用html對象所擁有的屬性、方法。
例如:
this.className
this.style.display
this.id = 'header'
this.remove()
具體示例:
$("#textbox").hover(
function() {
this.title = "Test";
},
fucntion() {
this.title = "OK”;
}
);
上面的this是一個Html 元素(textbox),textbox有text屬性,所以可以直接使用this.title = 'test'進行賦值,這樣寫是完全沒有什么問題的。
但是如果將this換成$(this)就不是那回事了,就會報錯了。 以下寫法是錯誤的:
$("#textbox").hover(
function() {
$(this).title = "Test";
},
function() {
$(this).title = "OK";
}
);
這里的$(this)是一個JQuery對象,而jQuery對象沒有title 屬性,因此這樣寫是錯誤的。 JQuery擁有attr()方法可以get/set DOM對象的屬性,所以正確的寫法應該是這樣:
$("#textbox").hover(
function() {
$(this).attr('title', 'Test');
},
function() {
$(this).attr('title', 'OK');
}
);
使用JQuery的好處是它包裝了各種瀏覽器版本對DOM對象的操作,因此統(tǒng)一使用$(this)而不再用this應該是比較不錯的選擇。
說明:
$()
在JQuery中相當于JQuery()
,即$(this)=jquery();
也就是說,這樣可以返回一個jquery對象。那么,當你在網(wǎng)頁中alert($('#id'));
時,會彈出一個[object Object ]
,這個object對象,也就是jquery對象了。
示例如下
如果您點擊我,我會消失。 點擊我,我會消失。 也要點擊我哦。
讀到這里,這篇“jquery可不可以用this”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內(nèi)容的文章,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。