码迷,mamicode.com
首页 > 其他好文 > 详细

this和$(this)

时间:2015-04-23 15:18:11      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

起初以为this和$(this)就是一模子刻出来。但是我在阅读时,和coding时发现,总不是一回事。

 

 这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。 

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


但是如果将this换成$(this)就不是那回事 了,Error--报了。

 

技术分享
Error Code:  
$("#textbox").hover(  
       function() {  
          $(this).title = "Test";  
       },  
       function() {  
          $(this).title = "OK";  
       }  
);
View Code

这里的 $ (this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。

JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样:

技术分享
正确的代码:  
$("#textbox").hover(  
      function() {  
         $(this).attr(’title’, ‘Test’);  
      },  
      function() {  
         $(this).attr(’title’, ‘OK’);  
      }  
);  
View Code

 

this和$(this)

标签:

原文地址:http://www.cnblogs.com/peter-jia/p/4450434.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!