jQuery中this與$(this)的區別

$("#textbox").hover(? ?

??????function()?{? ?

???????????this.title?=?"Test";? ?

??????},? ?

??????fucntion()?{? ?

??????????this.title?=?"OK”;? ?

??????}? ?

);?

這里的this其實是一個Html 元素(textbox)，textbox有text屬性，所以這樣寫是完全沒有什么問題的。
但是如果將this換成$(this)就不是那回事了，Error--報了。this與$(this)的區別在此。

Error?Code：? ?

$("#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中this與$(this)的區別就介紹到這里。

轉載于:https://www.cnblogs.com/zhangweixin/p/4276784.html

總結

以上是生活随笔為你收集整理的jquery $(this)和this的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。