jquery中this與$(this)的用法區別

jquery中this與$(this)的用法區別.先看如下代碼:html

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

這裏的this實際上是一個Html 元素(textbox),textbox有text屬性,因此這樣寫是徹底沒有什麼問題的。 可是若是將this換成$(this)就不是那回事了,就會報錯了。 如下寫法是錯誤的:jquery

$("#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應該是比較不錯的選擇。this

$()生成的是什麼呢?實際上$()=jquery(),那麼也就是說返回的是一個jquery的對象。spa

$(this)jquery對象,能調用jquery的方法,例如click()keyup()code

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

結論:
this,表示當前的上下文對象是一個html DOM對象,能夠調用html對象所擁有的屬性,方法。
$(this),表明的上下文對象是一個jquery的上下文對象,能夠調用jquery的方法和屬性值。htm

相關文章
相關標籤/搜索