通过$(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 获取页面的高度及滚动条的位置的代码
May 06 Javascript
js获取元素在浏览器中的绝对位置
Jul 24 Javascript
简约JS日历控件 实例代码
Jul 12 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
js正则表达式注册页面表单验证
Oct 11 Javascript
关于vuex的学习实践笔记
Apr 05 Javascript
基于JavaScript实现的折半查找算法示例
Apr 14 Javascript
Angular浏览器插件Batarang介绍及使用
Feb 07 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
Jul 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与SQL注入攻击[三]
2007/04/17 PHP
php实现的二分查找算法示例
2017/06/20 PHP
js 加载并解析XML字符串的代码
2009/12/13 Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
js老生常谈之this,constructor ,prototype全面解析
2016/04/05 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
2017/02/15 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
jQuery实现点击图标div循环放大缩小功能
2018/09/30 jQuery
微信小程序如何实现全局重新加载
2019/06/05 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
JS常见错误(Error)及处理方案详解
2020/07/02 Javascript
windows下python模拟鼠标点击和键盘输示例
2014/02/28 Python
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
Python获取任意xml节点值的方法
2015/05/05 Python
Python3实现从文件中读取指定行的方法
2015/05/22 Python
用django设置session过期时间的方法解析
2019/08/05 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
css3学习心得分享
2013/08/19 HTML / CSS
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
Bata印度官网:源自欧洲舒适鞋履品牌
2020/01/30 全球购物
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
优秀研究生自我鉴定
2013/12/04 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
优秀团支部申报材料
2014/12/26 职场文书
2015暑期爱心支教策划书
2015/07/14 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
Flask搭建一个API服务器的步骤
2021/05/28 Python
详解Python中的for循环
2022/04/30 Python
java版 联机五子棋游戏
2022/05/04 Java/Android
正则表达式基础与常用验证表达式
2022/06/16 Javascript