通过$(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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
javascript 二分法(数组array)
Apr 24 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
jquery中表单 多选框的一种巧妙写法
Sep 06 Javascript
jQuery通过ajax快速批量提交表单数据
Oct 25 Javascript
JavaScript实现图片轮播组件代码示例
Nov 22 Javascript
Node学习记录之cluster模块
May 31 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
vue.js实现简单的计算器功能
Feb 22 Javascript
jquery实现上传文件进度条
Mar 26 jQuery
用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模仿asp Application对象在线人数统计实现方法
2015/01/04 PHP
php实现阳历阴历互转的方法
2015/10/28 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
JQuery toggle使用分析
2009/11/16 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
一些javascript一些题目的解析
2010/12/25 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
2013/12/12 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
微信小程序 ES6Promise.all批量上传文件实现代码
2017/04/14 Javascript
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
解决layui弹框失效的问题
2019/09/09 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
python3.0 模拟用户登录,三次错误锁定的实例
2017/11/02 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
tensorflow多维张量计算实例
2020/02/11 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
干部行政关系介绍信
2014/01/17 职场文书
联谊活动策划书
2014/01/26 职场文书
八年级美术教学反思
2014/02/02 职场文书
中介公司区域经理岗位职责范本
2014/03/02 职场文书
考研英语辞职信
2015/05/13 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书