通过$(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 学习小结(适合新手参考)
Jul 30 Javascript
javascript 年月日联动实现核心代码
Dec 21 Javascript
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
javaScript语法总结
Nov 25 Javascript
Javascript之面向对象--封装
Dec 02 Javascript
JS模拟超市简易收银台小程序代码解析
Aug 18 Javascript
浅谈Angular路由复用策略
Oct 04 Javascript
JS实现的RC4加密算法示例
Aug 16 Javascript
Angular单元测试之事件触发的实现
Jan 20 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 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 分页分组类
2009/12/10 PHP
PHP判断图片格式的七种方法小结
2013/06/03 PHP
将二维数组转为一维数组的2种方法
2014/05/26 PHP
ThinkPHP中的关联模型注意点
2014/06/16 PHP
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
JS解决ie6下png透明的方法实例
2013/08/02 Javascript
JSP跨iframe如何传递参数实现代码
2013/09/21 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
jquery对象和DOM对象的相互转换详解
2016/10/18 Javascript
js运动事件函数详解
2016/10/21 Javascript
JavaScript实现自定义媒体播放器方法介绍
2017/01/03 Javascript
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
使用Python生成XML的方法实例
2017/03/21 Python
浅谈Python中带_的变量或函数命名
2017/12/04 Python
TF-IDF与余弦相似性的应用(二) 找出相似文章
2017/12/21 Python
20个常用Python运维库和模块
2018/02/12 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
2021/02/22 Python
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
Everything But Water官网:美国泳装品牌
2019/03/17 全球购物
自我鉴定范文
2013/11/10 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
市场营销求职信范文
2014/02/21 职场文书
教学评估实施方案
2014/03/16 职场文书
小学班主任寄语大全
2014/04/04 职场文书
家长会学生演讲稿
2014/04/26 职场文书
人事任命书格式
2014/06/05 职场文书
幸福家庭标语
2014/06/27 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
工作总结之小学教师体育工作范文(3篇)
2019/10/07 职场文书
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技