多语言展示
当前在线:574今日阅读:97今日分享:45

细说this和$(this)的区别

大家在js代码的时候,经常会将this和$this混淆,导致很多时候我们写的代码被浏览器判定为无效或者非法代码,实际上this和$this是两个完全不同的概念,我们理应将其区分清楚。
方法/步骤
1

【区别】this是DOM对象,是我们用传统方法javascript获得的对象,常用的方法有getElementById()和getElementByTagName()等

2

【区别】$(this)是jQuery对象,是用jQuery方法获取到的对象,常用的方法有$(class),$(id),$(p)

3

【使用方法】因为this和$(this)是两个不同的对象,所以它们使用起来会有些区别,this作为DOM对象只能使用javascript方法,而$(this)则只能使用jquery方法。例如.html()是jquery的方法,我们用jquery获取到的对象可以应用这种方法,但是用javascript获取到的对象不能应用这种方法

4

【转换】虽然this和$(this)是不同的对象,但是DOM对象用$包裹的就是jquery对象,这两种对象是可以相互转换的。

5

【例子】获取img标签的alt属性,我们使用this,直接就可以this.alt,而使用$(this)需要用到attr,因为jquery对象是没有alt属性的。$(this).attr('alt')

6

我们在平常写代码的时候,一定不要讲jquery方法使用到dom对象上去,不把两种方法和对象混用就OK了,其中的区别,还是要大家在日常使用过程中仔细分辨,小渔所讲的只是对浅层的东西

推荐信息