JQuery this 和 $(this) 的区别

2016-02-19 15:09 15 1 收藏

有了下面这个JQuery this 和 $(this) 的区别教程,不懂JQuery this 和 $(this) 的区别的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

What is "this"?
In many object-oriented programming languages, this (or self) is a keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked.
代码如下:
$("#textbox").hover(
function() {
this.title = "Test";
},
fucntion() {
this.title = "OK”;
}
);

这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。
但是如果将this换成$(this)就不是那回事了,Error–报了。
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应该是比较不错的选择。

来源:http://www.tulaoshi.com/n/20160219/1609036.html

延伸阅读
标签: Web开发
    这篇文章主要阐述 HTML 和 XHTML 的区别。简单来说,XHTML 可以认为是 XML 版本的 HTML,为符合 XML 要求,XHTML 语法上要求更严谨些。 以下是 XHTML 相对 HTML 的几大区别: XHTML 要求正确嵌套 XHTML 所有元素必须关闭 XHTML 区分大小写 XHTML 属性值要用双引号 XHTML 用 id 属性代替 ...
痱子和湿疹的区别 痱子和湿疹就像是宝宝皮肤问题的“双生子”,往往很难有所区分,让家长为治疗和护理问题挠破了头。其实,痱子和湿疹从起病原因、症状、治愈时间等方面还是有一定区别的。爸爸妈妈只要细心观察就能发现不同。   区别一、起病时间 痱子:在较热的环境下快速起疹子 湿疹:疹子出来得比较慢 区别二、消除时间 ...
标签: 生活常识
蚝油和酱油的区别   北方人多用酱油,而南方沿海人多用蚝油,以至于不少北方人来到南方后以为这是同一种东西的两种称谓,其实不然。简单的讲,二者的制作原料不同。 图老师阅读配图 蚝油是以牡蛎为原料,经煮熟取汁浓缩,加辅料精制而成。蚝油味道鲜美、蚝香浓郁,黏稠适度,营养价值高,亦是配制蚝油鲜菇牛肉、蚝油青菜、...
标签: 生活常识
水晶和钻石的区别   水晶是石英家族的成员,是最常见的矿物质之一。在现实生活中,由于钻石与水晶(仿钻)的外表有很多相似的地方,因此也会造成大家的辨别困扰。水晶和钻石有什么不同? 首先,钻石是已知的硬度最高的宝石之一,所以,可以单凭着用钻石能刻划动刚玉这一点,就知道了。 油性试验:用一支油基墨水的特制笔或圆珠...
化妆水的概念 1 化妆水是柔肤水、爽肤水、收敛水、保湿水、活肤水等护肤产品的统称,化妆水主要是在用洗面奶洁面后,搽乳液前使用。它们都具有稳定肌肤、平衡肌肤酸碱性的功效,而它们各自的侧重点又不同。 什么是爽肤水 2 爽肤水也称紧肤水,其作用在于再次清洁以恢复肌肤表面的酸碱值,并调理角质层,使肌肤更好地吸收,并为使用保养品...

经验教程

666

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部