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
的方法和屬性值。