通过$(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实现隔行换色
Jan 04 Javascript
js实现同一个页面多个渐变效果的方法
Apr 10 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
Javascript动画效果(2)
Oct 11 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
原生js实现旋转木马轮播图效果
Feb 27 Javascript
Vue自定义图片懒加载指令v-lazyload详解
Dec 31 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
Sep 13 Javascript
微信小程序实现拖拽功能
Sep 26 Javascript
JavaScript实现留言板案例
Mar 17 Javascript
Vue组件化(ref,props, mixin,.插件)详解
May 15 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查询搜索引擎排名位置的代码
2010/01/05 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
php按单词截取字符串的方法
2015/04/07 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
Javascript 对象的解释
2008/11/24 Javascript
javascript getElementsByClassName 和js取地址栏参数
2010/01/02 Javascript
悄悄用脚本检查你访问过哪些网站的代码
2010/12/04 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
在Python的循环体中使用else语句的方法
2015/03/30 Python
Python实现统计单词出现的个数
2015/05/28 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
python实现从wind导入数据
2019/12/03 Python
如何给Python代码进行加密
2020/01/10 Python
Python递归求出列表(包括列表中的子列表)的最大值实例
2020/02/27 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
意大利会呼吸的鞋:Geox健乐士
2017/02/12 全球购物
美国睫毛、眉毛精华液领导品牌:RevitaLash Cosmetics
2018/03/26 全球购物
Java如何调用外部Exe程序
2015/07/04 面试题
求职推荐信范文
2013/12/01 职场文书
保安岗位职责
2014/02/21 职场文书
物理系毕业生自荐书
2014/06/13 职场文书
实施意见格式范本
2015/06/05 职场文书
给校长的建议书作文500字
2015/09/14 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
利用 JavaScript 构建命令行应用
2021/11/17 Javascript
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS