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


Posted in Javascript onMay 18, 2014

如果你要使用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')//二者是一样的; 
});
Javascript 相关文章推荐
js类后台管理菜单类-MenuSwitch
Sep 12 Javascript
node.js中的http.response.write方法使用说明
Dec 14 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
Nov 06 Javascript
JS中Eval解析JSON字符串的一个小问题
Feb 21 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
js获取所有checkbox的值的简单实例
May 30 Javascript
AngularJS入门教程之Select(选择框)详解
Jul 27 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
详解Vue template 如何支持多个根结点
Feb 10 Javascript
微信分享invalid signature签名错误踩过的坑
Apr 11 Javascript
用jquery实现的一个超级简单的下拉菜单
May 18 #Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
May 18 #Javascript
绑定回车enter事件代码
May 18 #Javascript
javascript的alert box在java中如何显示多行
May 18 #Javascript
JSON+HTML实现国家省市联动选择效果
May 18 #Javascript
让alert不出现弹窗的两种方法
May 18 #Javascript
jqGrid读取选择的多行的某个属性代码
May 18 #Javascript
You might like
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
php自动获取目录下的模板的代码
2010/08/08 PHP
JoshChen_php新手进阶高手不可或缺的规范介绍
2013/08/16 PHP
php文件上传的简单实例
2013/10/19 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
javascript动态加载三
2012/08/22 Javascript
jquery滚动到顶部底部代码
2015/04/20 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
详解Angular2 关于*ngFor 嵌套循环
2017/05/22 Javascript
JavaScript用二分法查找数据的实例代码
2017/06/17 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
vue实现分页组件
2020/06/16 Javascript
layui内置模块layim发送图片添加加载动画的方法
2019/09/23 Javascript
python聊天程序实例代码分享
2013/11/18 Python
python使用urlparse分析网址中域名的方法
2015/04/15 Python
Python 使用os.remove删除文件夹时报错的解决方法
2017/01/13 Python
Python利用splinter实现浏览器自动化操作方法
2018/05/11 Python
python实现文件的分割与合并
2019/08/29 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
英格兰足协官方商店:England Store
2019/07/12 全球购物
超市促销实习自我鉴定
2013/09/23 职场文书
旅游网创业计划书
2014/01/31 职场文书
2014年学习委员工作总结
2014/11/14 职场文书
教师见习总结范文
2015/06/23 职场文书
小学大队长竞选稿
2015/11/20 职场文书
2016年五一国际劳动节活动总结
2016/04/06 职场文书
正则表达式基础与常用验证表达式
2022/06/16 Javascript