通过$(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对象的property和prototype是这样一种关系
Mar 24 Javascript
javascript页面上使用动态时间具体实现
Mar 18 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
分享纯手写漂亮的表单验证
Nov 19 Javascript
利用AngularJs实现京东首页轮播图效果
Sep 08 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
Dec 20 Javascript
JavaScript ES6中的简写语法总结与使用技巧
Dec 30 Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 11 Javascript
vue 函数调用加括号与不加括号的区别
Oct 29 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 Vue.js
用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 ob_start()控制浏览器cache、生成html实现代码
2010/02/16 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
关于PHP实现异步操作的研究
2013/02/03 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
兼容主流浏览器的iframe自适应高度js脚本
2014/01/10 Javascript
js的image onload事件使用遇到的问题
2014/07/15 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
javascript中indexOf技术详解
2015/05/07 Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
2017/02/13 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
2017/05/08 jQuery
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
jQuery:unbind方法的使用详解
2017/08/14 jQuery
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
基于bootstrop常用类总结(推荐)
2017/09/11 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
实例讲解Python设计模式编程之工厂方法模式的使用
2016/03/02 Python
Python 调用Java实例详解
2017/06/02 Python
python requests证书问题解决
2019/09/05 Python
Python3常用内置方法代码实例
2019/11/18 Python
在Sublime Editor中配置Python环境的详细教程
2020/05/03 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
HTML5输入框下拉菜单功能的示例代码
2020/09/08 HTML / CSS
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类?
2012/05/30 面试题
三下乡活动方案
2014/01/31 职场文书
车辆年检委托书范本
2014/10/14 职场文书
2014年医院后勤工作总结
2014/12/06 职场文书
运动会运动员赞词
2015/07/22 职场文书
2015年全民创业工作总结
2015/07/23 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书