JQuery this 和 $(this) 的区别

2016-02-19 15:09 6 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应该是比较不错的选择。

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

延伸阅读
标签: 生活常识
陶器和瓷器的区别   陶器和瓷器的区别: 一、烧成温度不同 陶器烧成温度一般都低于瓷器,最低甚至达到800℃以下,最高可达1100℃左右。瓷器的烧成温度则比较高,大都在1200℃以上,甚至有的达到1400℃左右。 二、坚硬程度不同 陶器烧成温度低,坯体并未完全烧结,敲击时声音发问,胎体硬度较差,有的甚...
大家可能经常会把提子和葡萄混淆吧!那么它们除了外观上差不多以外,到底有什么样的区别呢?它们的营养价值又有什么不同呢?下面就和图老师小编一起来看一下吧! 葡萄与提子实质上都是葡萄的果实。只是在商品流通过程中,港、沪等地的市场通常将粒大、皮厚、汁少、优质、皮肉难分离、耐贮运的欧亚种葡萄称为提子,而将粒大、质软、汁多、...
标签: 龙眼
龙眼和桂圆的区别 1 龙眼和桂圆是指的同一种水果,并没有本质上的区别。只不过在平时我们习惯将新鲜的果实称之为龙眼,而剥壳剥核后称之为桂圆。实际上这两者就是用一种水果。在中国的南方喜欢将干鲜的龙岩称之为桂圆,北方则喜欢称之为龙眼。 龙眼为什么叫桂圆 2 龙眼之所以叫桂圆,是处于古代封建社会的避讳考虑。古代天子称之为龙,龙...
标签: 橘子
营养成分不同 1 芦柑:芦柑芳香味美,可食部分可达68%-75%,芦柑果实100克可食部分中含热量171.66千焦、水分88.6克、糖9.6克、纤维0.4克、钙25毫克、磷19毫克、铁0.2毫克、维生素B20.03毫克、维生素C40毫克,果胶等营养素。 橘子:橘子是一种全身都是宝的水果,可食用部分大约为76%。每100g中含大约能量176千焦、水分88.2g、膳食纤维1.4g,维...
标签: 土豆
马铃薯和土豆的区别 1 马铃薯与土豆就是同一种东西,并没有什么实质上的不同,只是在东北地区,习惯性叫马铃薯为土豆罢了,马铃薯的称呼有很多,洋芋,山药蛋,洋番薯,土豆,山洋芋,荷兰薯等都是马铃薯的别称。 马铃薯的营养价值 2 马铃薯中含有大量的碳水化合物,同时含有蛋白质,矿物质如磷,钙,B族维生素,维生素C,胡萝卜素等营养...

经验教程

929

收藏

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