通过$(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 相关文章推荐
给moz-firefox下添加IE方法和属性
Apr 10 Javascript
Javascript学习笔记 delete运算符
Sep 13 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
解析jQuery与其它js(Prototype)库兼容共存
Jul 04 Javascript
JQuery Highcharts 动态生成图表的方法
Nov 15 Javascript
理解Javascript的动态语言特性
Jun 17 Javascript
JavaScript数据类型学习笔记分享
Sep 01 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
Nov 25 Javascript
详解angular ui-grid之过滤器设置
Jun 07 Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 Javascript
vue template中slot-scope/scope的使用方法
Sep 06 Javascript
vue-cli随机生成port源码的方法
Sep 02 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使之能同时支持GIF和JPEG
2006/10/09 PHP
PHP实现的浏览器检查类
2016/04/11 PHP
Yii2简单实现给表单添加验证码的方法
2016/07/18 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
JavaScript Archive Network 集合
2007/05/12 Javascript
jquery text()要注意啦
2009/10/30 Javascript
jquery实现弹出层遮罩效果的简单实例
2014/03/03 Javascript
IE浏览器中图片onload事件无效的解决方法
2014/04/29 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
基于jQuery实现网页打印功能
2015/12/01 Javascript
jQuery验证表单格式的使用方法
2017/01/10 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
2017/11/18 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
2018/08/07 Javascript
解决vue热替换失效的根本原因
2018/09/19 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
详解element-ui中el-select的默认选择项问题
2019/08/02 Javascript
node创建Vue项目步骤详解
2020/03/06 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
JavaScript实现矩形块大小任意缩放
2020/08/25 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
使用Python读取大文件的方法
2018/02/11 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
Python实现的特征提取操作示例
2018/12/03 Python
python多线程与多进程及其区别详解
2019/08/08 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
python中count函数知识点浅析
2020/12/17 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
.NET里面什么时候需要调用垃圾回收
2015/06/01 面试题
《孔子拜师》教学反思
2014/02/24 职场文书
cf战队收人广告词
2014/03/14 职场文书
《实心球》教学反思
2016/02/23 职场文书
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL