通过$(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对URL字符串进行编码/解码分析
Oct 25 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
Jun 08 Javascript
JS判断不能为空实例代码
Nov 26 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
Aug 31 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
Angular路由简单学习
Dec 26 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
vue组件生命周期详解
Nov 07 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
vue flex 布局实现div均分自动换行的示例代码
Aug 05 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
终于听上了直流胆调频
2021/03/02 无线电
PHP array操作10个小技巧分享
2011/06/23 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
2015/03/12 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
javascript 带有滚动条的表格,标题固定,带排序功能.
2009/11/13 Javascript
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
jQuery下拉美化搜索表单效果代码分享
2015/08/25 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
2016/08/18 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
2019/07/11 jQuery
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
10分钟学会js处理json的常用方法
2020/12/06 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
python 实现selenium断言和验证的方法
2019/02/13 Python
wxPython窗体拆分布局基础组件
2019/11/19 Python
pycharm的python_stubs问题
2020/04/08 Python
小 200 行 Python 代码制作一个换脸程序
2020/05/12 Python
Python实现自动装机功能案例分析
2020/10/22 Python
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
TOWER London官网:鞋子、靴子、运动鞋等
2019/07/14 全球购物
weblogic面试题
2016/03/07 面试题
西安交大自主招生自荐信
2014/01/27 职场文书
创新比赛获奖感言
2014/02/13 职场文书
七一党日活动总结
2014/07/08 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
实习介绍信范文
2015/05/05 职场文书
圣贤教育改变命运观后感
2015/06/16 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书
小学教师教学反思
2016/02/24 职场文书
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers
使用refresh_token实现无感刷新页面
2022/04/26 Javascript
PYTHON基于Pyecharts绘制常见的直角坐标系图表
2022/04/28 Python
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS