通过$(this)使用jQuery包装后的方法或属性_jquery
程序员文章站
2022-04-17 08:52:12
...
如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this),一般则有如下的关系.
$(this)[0] == this;
上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.reset(),也可以使用$(this)[0].reset();
关于什么时候使用二者?可以看如下例子:
$('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)[0] == this;
上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.reset(),也可以使用$(this)[0].reset();
关于什么时候使用二者?可以看如下例子:
复制代码 代码如下:
复制代码 代码如下:
$('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')//二者是一样的;
});
推荐阅读
-
html5的自定义data-*属性与jquery的data()方法的使用
-
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
-
html5的自定义data-*属性与jquery的data()方法的使用
-
jquery的input中通过name属性查找方法
-
通过$(this)使用jQuery包装后的方法或属性
-
jQuery框架的属性(Attributes)使用方法2
-
HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
-
jQuery使用append在html元素后同时添加多项内容的方法教程
-
JQuery中的常用事件、对象属性与使用方法分析
-
通过 JQuery 的 each方法 获取Div下所有的P标签的内容并使用 push方法保存为数组