站長資訊網
        最全最豐富的資訊網站

        jquery可以用this嗎

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

        jquery可以用this嗎

        前端(vue)入門到精通課程,老師在線輔導:聯系老師
        Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調試工具:點擊使用

        本教程操作環境:windows7系統、jquery3.6.1版本、Dell G3電腦。

        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'進行賦值,這樣寫是完全沒有什么問題的。【推薦學習:jQuery視頻教程】

        但是如果將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嗎

        【推薦學習:jQuery視頻、web前端開發】

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 久久精品99久久香蕉国产色戒 | 国内精品51视频在线观看| 自怕偷自怕亚洲精品| 欧洲精品色在线观看| 日韩在线精品一二三区| 91麻豆精品国产91久久久久久 | 成人午夜视频精品一区| 亚洲av午夜精品一区二区三区 | 国产精品免费福利久久| 亚洲精品无码不卡在线播HE| 国产在线91精品入口| 精品一区二区久久| 国产a∨精品一区二区三区不卡| 亚洲日韩一页精品发布| 欧美激情视频精品一区二区 | 国产成人精品日本亚洲网站 | 四虎国产精品免费久久久| 国产精品91视频| 99精品国产丝袜在线拍国语| 亚洲av日韩精品久久久久久a| 亚洲国产高清精品线久久| 精品国产免费一区二区三区| 国产va免费精品| 高清在线国产午夜精品| 99re只有精品8中文| 92精品国产自产在线观看| 亚洲国产精品自在线一区二区| 国产精品一区在线播放| 国产精品v欧美精品v日韩精品 | 久久e热在这里只有国产中文精品99 | 精品乱码久久久久久夜夜嗨| 国产精品成人99久久久久91gav| 欧美亚洲国产精品第一页| 久久青青草原精品影院| 日韩精品一区二区三区大桥未久| 久久伊人精品青青草原高清| 女人香蕉久久**毛片精品| 亚洲精品在线观看视频| 国产成人精品曰本亚洲79ren| 国产精品视频全国免费观看| 精品国产91久久久久久久a|