jQuery里$(this)和this的区别在哪?
2013-06-08 20:43
295 查看
如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this),一般则有如下的关系.
上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.reset(),也可以使用$(this)[0].reset();
关于什么时候使用二者?可以看如下例子:
从以上代码可以看出二者的差异.
或者 简单理解:
this是html元素对象吧~
$(this)成为jQuery对象
或者 :
this 是 JavaScript 中的关键字。
$(this) 可以认为是用 jQuery 包装过 JavaScript 中的 this,包装后 $(this) 就会继承 jQuery 的方法。
$(this)[0] == this;
上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.reset(),也可以使用$(this)[0].reset();
关于什么时候使用二者?可以看如下例子:
<a href="http://segmentfault.com/q/1010000000125418" target="_blank" data-id="1010000000125418">jQuery</a>
$('a').click(function(){ this.innerHTM==$(this).html()=='jQuery';//三者是一样的. this.getAttribute('href')==this.href==$(this).attr('href')//三者是一样的; this.getAttribute('target')==this.target==$(this).attr('target')//三者是一样的; this.getAttribute('data-id')==$(this).attr('data-id')//二者是一样的; });
从以上代码可以看出二者的差异.
或者 简单理解:
this是html元素对象吧~
$(this)成为jQuery对象
或者 :
this 是 JavaScript 中的关键字。
$(this) 可以认为是用 jQuery 包装过 JavaScript 中的 this,包装后 $(this) 就会继承 jQuery 的方法。
相关文章推荐
- jQuery中this与$(this)的区别
- jQuery学习之旅 Item7 区别this和$(this)
- jQuery 事件注册和绑定及this与event.target的区别浅析
- JQuery -- this 和 $(this) 的区别
- jQuery中this与$(this)的区别
- jQuery中this与$(this)的区别总结
- jquery中this与$(this)的用法区别
- jquery $(this)和this的区别
- JQuery -- this 和 $(this) 的区别
- jquery里面的$(this)和this都什么时候用,有什么区别
- JQuery -- this 和 $(this) 的区别
- jquery的this和$(this)区别分析
- jquery中$(this)和this的区别
- jQuery学习之旅 Item7 区别this和$(this)
- jQuery中this与$(this)的区别总结
- jquery中this 和 $this 的区别
- JQuery -- this 和 $(this) 的区别
- JQuery -- this 和 $(this) 的区别
- JQuery -- this 和 $(this) 的区别
- jQuery中this与$(this)的区别