通过$(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 函数式编程
Aug 16 Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 Javascript
Javascript中Eval函数的使用
Mar 23 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
使用coffeescript编写node.js项目的方法汇总
Aug 05 Javascript
JavaScript使用ZeroClipboard操作剪切板
May 10 Javascript
使用JavaScript实现表格编辑器(实例讲解)
Aug 02 Javascript
react实现点击选中的li高亮的示例代码
May 24 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
vue+springboot图片上传和显示的示例代码
Feb 14 Javascript
微信小程序实现电子签名并导出图片
May 27 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动态创建Flash动画
2006/10/09 PHP
windows xp下安装pear
2006/12/02 PHP
php为什么选mysql作为数据库? Mysql 创建用户方法
2007/07/02 PHP
php数组保存文本与文本反编成数组实例
2014/11/13 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
jquery动态添加删除div 具体实现
2013/07/20 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
2014/06/24 Javascript
使用JQuery库提供的扩展功能实现自定义方法
2014/09/09 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
2016/12/16 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
2018/05/09 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
Python接收Gmail新邮件并发送到gtalk的方法
2015/03/10 Python
python安装mysql-python简明笔记(ubuntu环境)
2016/06/25 Python
利用Python实现命令行版的火车票查看器
2016/08/05 Python
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
python3实现名片管理系统
2020/11/29 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
Python守护进程实现过程详解
2020/02/10 Python
移动端Html5页面生成图片解决方案
2018/08/07 HTML / CSS
Timberland澳大利亚官网:全球领先的户外品牌
2019/12/10 全球购物
小学科学教学反思
2014/01/26 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
2015年师德师风自我评价范文
2015/03/05 职场文书
基于Python编写一个监控CPU的应用系统
2022/06/25 Python