jquery可不可以用this

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

10年積累的做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有景德鎮(zhèn)免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

jquery可以用this。

jquery中，this表示當前的上下文對象是一個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中相當于JQuery()，即$(this)=jquery();也就是說，這樣可以返回一個jquery對象。那么，當你在網(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)表示的是當前調(diào)用click方法的對象$("p")，就是表示當前對象，當前調(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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

名稱欄目：jquery可不可以用this
鏈接地址：http://www.muchs.cn/article16/ijsjdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、域名注冊、營銷型網(wǎng)站建設(shè)、商城網(wǎng)站、Google、虛擬主機

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容