jQuery中this和$(this)有哪些區(qū)別

小編給大家分享一下jQuery中this和$(this)有哪些區(qū)別，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

區(qū)別：this表示當前的上下文對象是一個html DOM對象，可以調用html對象所擁有的屬性和方法；而“$(this)”代表的上下文對象是一個jquery的上下文對象，可以調用jquery的方法和屬性值。

jquery中this與$(this)的用法區(qū)別.先看以下代碼:

$("#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對象的操作，因此統(tǒng)一使用$(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)有哪些區(qū)別有了一定的了解，想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！