jquery中$(this)如何使用

小編給大家分享一下jquery中$(this)如何使用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

jquery $(this)通常是一個JQuery對象，可以調用jquery的方法和屬性值，使用語法如“$(this).attr(key);”，表示獲取節點屬性名的值。

jquery $(this)怎么用？

this通常是一個Html 元素，例如(textbox)，textbox有text屬性。可以在textbox的事件里面引用this獲取元素

$(this)通常是一個JQuery對象 ，可以調用jquery的方法和屬性值，例如click(), keyup()。

$(function () {
    $('button').click(function () {
       $(this)表示當前對象，這里指的是button
       //alert(this);//this 表示原生的DOM
   }) 
});

$(this).attr(key); 獲取節點屬性名的值，相當于getAttribute(key)方法

$(this).attr(key, value); 設置節點屬性的值，相當于setAttribute(key,value)方法

$(this).val();獲取某個元素節點的value值，相當于$(this).attr(“value”);

$(this).val(value);設置某個元素節點的value值，相當于$(this).attr(“value”,value);

示例：

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

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

$()生成的是什么呢？

實際上$()=jquery()，那么也就是說返回的是一個jquery的對象。

那么依照，$()返回的是jquery對象這一結論，我們可以得出$(this)得到的是一個jquery對象.我們可以使用萬能的alert()方法打印出一個對象：

alert($('#btn'));

顯示的結果：

該圖紅色框勾選出來的是一個object，不用考慮，該object自然是jquery的對象咯。也即是說我們用通過$('#btn')來調用jquery的方法和屬性等。

以上是“jquery中$(this)如何使用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！