通过$(this)使用jQuery包装后的方法或属性
2018-10-12 14:02
337 查看
如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this),一般则有如下的关系.
上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.reset(),也可以使用$(this)[0].reset();
关于什么时候使用二者?可以看如下例子:
$(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)使用jQuery包装后的方法或属性
- jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)
- jQuery中使用了document和window哪些属性和方法小结
- jQuery中使用了document和window哪些属性和方法
- HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
- jquery之操作元素属性和特性(设置特性值,attr(name,value),attr(attributes)方法的使用)
- jquery之管理包装元素集合(find()方法与contains()方法,is()方法的使用)
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- html5的自定义data-*属性和jquery的data()方法的使用
- jquery之管理包装元素集合(从包装集获取元素,get()方法与index()方法的使用)
- html5的自定义data-*属性和jquery的data()方法的使用示例
- jquery之管理包装元素集合(确定包装集的大小,size()方法的使用)
- Div使用name属性实现通过getElementsByName获取Div集的方法
- [Effective Java Distilled] Item 3 通过使用私有构造方法或者枚举类型来强化单例属性
- jquery之管理包装元素集合(筛选元素包装集之添加更多元素到包装集,add()方法的使用)
- js原生态函数中使用jQuery中的 $(this)无效的解决方法
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- jquery之管理包装元素集合(管理jquery链,end()方法与andSelf()方法的使用)
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- jquery之操作元素属性和特性(操作元素属性,each()方法的使用)