通过$(this)使用jQuery包装后的方法或属性

207 阅读 0 评论 137 点赞

我是靠谱客的博主清脆咖啡豆，最近开发中收集的这篇文章主要介绍通过$(this)使用jQuery包装后的方法或属性，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this),一般则有如下的关系.

复制代码代码如下:

$(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')//二者是一样的; 
}); 