通过$(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编程起步(第二课)
Feb 27 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
关于angular js_$watch监控属性和对象详解
Apr 24 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
实例详解Node.js 函数
Jun 10 Javascript
vue观察模式浅析
Sep 25 Javascript
微信小程序调用微信支付接口的实现方法
Apr 29 Javascript
Vue实现跑马灯效果
May 25 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
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
js字符编码函数区别分析
2011/12/28 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
jquery带翻页动画的电子杂志代码分享
2015/08/21 Javascript
jquery事件的ready()方法使用详解
2015/11/11 Javascript
在 Express 中使用模板引擎
2015/12/10 Javascript
使用jQuery给input标签设置默认值
2016/06/20 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
2017/10/13 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
jQuery第一次运行页面默认触发点击事件的实例
2018/01/10 jQuery
用Python设计一个经典小游戏
2017/05/15 Python
numpy中的高维数组转置实例
2018/04/17 Python
python os模块简单应用示例
2019/05/23 Python
tensorflow之并行读入数据详解
2020/02/05 Python
Python datetime 如何处理时区信息
2020/09/02 Python
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
生日邀请函范文
2014/01/13 职场文书
农民工创业典型事迹
2014/01/25 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
护士求职自荐信范文
2014/03/19 职场文书
优秀共产党员先进事迹材料
2014/05/06 职场文书
商业计算机应用专业自荐书
2014/06/09 职场文书
商铺门前三包责任书
2014/07/25 职场文书
党委班子对照检查材料
2014/08/19 职场文书
领导干部遵守党的政治纪律情况思想汇报
2014/09/14 职场文书
离婚律师函范本
2015/05/27 职场文书
《你在为谁工作》心得体会(共8篇)
2016/01/20 职场文书