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

創(chuàng)新互聯(lián)是一家專業(yè)提供古交企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、做網(wǎng)站、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為古交眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

 
 
 

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

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

 
 
 

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

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

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

正確的代碼：

 
 
 

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

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

jQuery中this與$(this)的區(qū)別就介紹到這里。

本文來(lái)自RicoRui的博客園文章《JQuery -- this 和 $(this) 的區(qū)別 》

網(wǎng)站名稱：jQuery中this與$(this)的區(qū)別
轉(zhuǎn)載來(lái)于：http://uogjgqi.cn/article/djoiogp.html