jquery中$(this)如何使用

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

jquery $(this)通常是一個(gè)JQuery對(duì)象，可以調(diào)用jquery的方法和屬性值，使用語(yǔ)法如“$(this).attr(key);”，表示獲取節(jié)點(diǎn)屬性名的值。

jquery $(this)怎么用？

this通常是一個(gè)Html 元素，例如(textbox)，textbox有text屬性?？梢栽趖extbox的事件里面引用this獲取元素

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

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

$(this).attr(key); 獲取節(jié)點(diǎn)屬性名的值，相當(dāng)于getAttribute(key)方法

$(this).attr(key, value); 設(shè)置節(jié)點(diǎn)屬性的值，相當(dāng)于setAttribute(key,value)方法

$(this).val();獲取某個(gè)元素節(jié)點(diǎn)的value值，相當(dāng)于$(this).attr(“value”);

$(this).val(value);設(shè)置某個(gè)元素節(jié)點(diǎn)的value值，相當(dāng)于$(this).attr(“value”,value);

示例：

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

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

$()生成的是什么呢？

實(shí)際上$()=jquery()，那么也就是說(shuō)返回的是一個(gè)jquery的對(duì)象。

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

alert($('#btn'));

顯示的結(jié)果：

該圖紅色框勾選出來(lái)的是一個(gè)object，不用考慮，該object自然是jquery的對(duì)象咯。也即是說(shuō)我們用通過(guò)$('#btn')來(lái)調(diào)用jquery的方法和屬性等。

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