溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“jquery可不可以用this”，內容詳細，步驟清晰，細節處理妥當，希望這篇“jquery可不可以用this”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
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對象的操作，因此統一使用$(this)而不再用this應該是比較不錯的選擇。
說明：
$()在JQuery中相當于JQuery()，即$(this)=jquery();也就是說，這樣可以返回一個jquery對象。那么，當你在網頁中alert($('#id'));時，會彈出一個[object Object ]，這個object對象，也就是jquery對象了。
示例如下
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();//$(this)是在方法click內，此處的$(this)表示的是當前調用click方法的對象$("p")，就是表示當前對象，當前調用該方法的對象
});
});
</script>
</head>
<body>
<p>如果您點擊我，我會消失。</p>
<p>點擊我，我會消失。</p>
<p>也要點擊我哦。</p>
</body>
</html>
讀到這里，這篇“jquery可不可以用this”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
