jQuery中this和$(this)的區別是什麼?

2020-11-26 18:01:49

區別:this表示當前的上下文物件是一個html DOM物件,可以呼叫html物件所擁有的屬性和方法;而「$(this)」代表的上下文物件是一個jquery的上下文物件,可以呼叫jquery的方法和屬性值。

相關推薦:《》

jquery中this與$(this)的用法區別.先看以下程式碼:

$("#textbox").hover(
    function() {
        this.title = "Test";  },
    fucntion() {
        this.title = "OK」;  }
);

這裡的this其實是一個Html 元素(textbox),textbox有text屬性,所以這樣寫是完全沒有什麼問題的。 但是如果將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的方法,例如click(), keyup()

$(function () {
    $('button').click(function () {
       alert(this);//this 表示原生的DOM
       //$(this)表示當前物件,這裡指的是button
   }) 
});

結論:
this,表示當前的上下文物件是一個html DOM物件,可以呼叫html物件所擁有的屬性,方法。
$(this),代表的上下文物件是一個jquery的上下文物件,可以呼叫jquery的方法和屬性值。

更多程式設計相關知識,請存取:!!

以上就是jQuery中this和$(this)的區別是什麼?的詳細內容,更多請關注TW511.COM其它相關文章!