通过$(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 相关文章推荐
Javascript 复制数组实现代码
Nov 26 Javascript
jQuery基本过滤选择器使用介绍
Apr 18 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
Oct 31 Javascript
JavaScript实现经典排序算法之冒泡排序
Dec 28 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 Javascript
js生成1到100的随机数最简单的实现方法
Feb 07 Javascript
原生js实现日历效果
Mar 02 Javascript
js实现超级玛丽小游戏
Mar 18 Javascript
javascript canvas检测小球碰撞
Apr 17 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
Banner程序
2006/10/09 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
function foo的原型与prototype属性解惑
2010/11/19 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
一个关于jqGrid使用的小例子(行按钮)
2011/11/04 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
微信小程序 详解页面跳转与返回并回传数据
2017/02/13 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
vue绑定class与行间样式style详解
2017/08/16 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
2020/03/11 Javascript
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
Python编程入门的一些基本知识
2015/05/13 Python
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
让Python更加充分的使用Sqlite3
2017/12/11 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
零基础小白多久能学会python
2020/06/22 Python
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
公益活动策划方案
2014/01/09 职场文书
超市后勤自我鉴定
2014/01/17 职场文书
父亲八十大寿答谢词
2014/01/23 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
教师年度考核个人总结
2015/02/12 职场文书
2015年乡镇党务公开工作总结
2015/05/19 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python