溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jquery可不可以用this

發(fā)布時間：2022-12-13 09:33:29 來源：億速云 閱讀：134 作者：iii 欄目：web開發(fā)

本文小編為大家詳細介紹“jquery可不可以用this”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當(dāng)，希望這篇“jquery可不可以用this”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

jquery可以用this。在jquery中，this表示當(dāng)前的上下文對象是一個html對象，可以調(diào)用html對象所擁有的屬性、方法；利用“$(this)”語句可以把html元素變成jquery對象，進而使用jquery方法來處理當(dāng)前對象，語法為“$(this).jquery方法名();”。

jquery可以用this。

jquery中，this表示當(dāng)前的上下文對象是一個html對象，可以調(diào)用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對象的屬性，所以正確的寫法應(yīng)該是這樣：

$("#textbox").hover(
    function() {
        $(this).attr('title', 'Test');
    },
    function() {
        $(this).attr('title', 'OK');
    }
);

使用JQuery的好處是它包裝了各種瀏覽器版本對DOM對象的操作，因此統(tǒng)一使用$(this)而不再用this應(yīng)該是比較不錯的選擇。

說明：

$()在JQuery中相當(dāng)于JQuery()，即$(this)=jquery();也就是說，這樣可以返回一個jquery對象。那么，當(dāng)你在網(wǎng)頁中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內(nèi)，此處的$(this)表示的是當(dāng)前調(diào)用click方法的對象$("p")，就是表示當(dāng)前對象，當(dāng)前調(diào)用該方法的對象
  });
});
</script>
</head>
<body>
<p>如果您點擊我，我會消失。</p>
<p>點擊我，我會消失。</p>
<p>也要點擊我哦。</p>
</body>
</html>

jquery可不可以用this

讀到這里，這篇“jquery可不可以用this”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手