當你用的是jquery時，就用$(this)，如果是JS，就用this

1	$(this).html( $(this).html() +?" BAM! "?+ i );

這個里的html()是JQUERY方法，用$(this).html()，當然，JS里也有相似方法innerHTML，如果用innerHTML，就要這樣寫了：

1 2	this.innerHTML(); this.reset();

這里的reset是JS方法，所以同上得用this.reset();

jquery對象$(this)[0]等同于JS里的元素this，這里的this是一樣的，相信你應(yīng)該看出來了，JS里的元素只要包上$()就是jquery對象了，而jquery的對象只要加上[0]或者.get(0)，就是js元素了。

$(this)是jquery對象，this就是簡單指當前元素。jquery對象不能直接指定元素的屬性（ele.style），需要get（index）或者直接（index）取得對象中元素才行
JQuery中的 $() 這個符號，實際上這個符號在JQuery中相當于JQuery（），即$(this)=jquery(this);也就是說，這樣可以返回一個jquery對象。那么，當你在網(wǎng)頁中alert($('#id'));時，會彈出一個[object Object ]，這個object對象，也就是jquery對象了。

那么，我們再回過頭來說$(this)，這個this是什么呢？假設(shè)我們有如下的代碼：

1 2 3 4 5 6 7

$("#desktop a img").each(function(index){ ??????alert($(this)); ??????alert(this); }

那么，這時候可以看出來：

alert($(this)); 彈出的結(jié)果是[object Object ]

alert(this); 彈出來的是[object HTMLImageElement]

?

jQuery中this與$(this)的區(qū)別

1 2 3 4 5 6 7 8

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

這里的this其實是一個Html 元素(textbox)，textbox有text屬性，所以這樣寫是完全沒有什么問題的。

但是如果將this換成$(this)就不是那回事了，Error--報了。this與$(this)的區(qū)別在此。

1 2 3 4 5 6 7 8 9

//Error Code： $("#textbox").hover( ?????function() { ??????????$(this).title ＝?"Test"; ?????}, ?????function() { ??????????$(this).title =?"OK"; ?????} );

這里的$(this)是一個JQuery對象，而jQuery對象沒有title 屬性，因此這樣寫是錯誤的。

JQuery擁有attr()方法可以get/set DOM對象的屬性，所以正確的寫法應(yīng)該是這樣：

正確的代碼：

1 2 3 4 5 6 7 8

$("#textbox").hover( ?????function() { ??????????$(this).attr(’title’, ‘Test’); ?????}, ?????function() { ??????????$(this).attr(’title’, ‘OK’); ?????} );

使用jQuery的好處是它包裝了各種瀏覽器版本對DOM對象的操作，因此統(tǒng)一使用$(this)而不再用this應(yīng)該是比較不錯的選擇。

?

轉(zhuǎn)載于:https://www.cnblogs.com/alinaxia/p/6388703.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的jquery里面的$(this)和this都什么时候用，有什么区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。