通过$(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里使用Dom操作Xml
Sep 20 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
详谈js遍历集合(Array,Map,Set)
Apr 06 Javascript
Vue入门之数据绑定(小结)
Jan 08 Javascript
JavaScript异步加载问题总结
Feb 17 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
JS使用Dijkstra算法求解最短路径
Jan 17 Javascript
vue项目中常见问题及解决方案(推荐)
Oct 21 Javascript
ES6中的Javascript解构的实现
Oct 30 Javascript
Vue基于localStorage存储信息代码实例
Nov 16 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 不同编码下的字符串长度区分
2009/09/26 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
php数组使用规则分析
2015/02/27 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
jquery实现图片翻页效果
2013/12/23 Javascript
jQuery实现定位滚动条位置
2016/08/05 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
jQuery extend()详解及简单实例
2017/05/06 jQuery
jquery使用iscorll实现上拉、下拉加载刷新
2017/10/26 jQuery
Vue组件通信之Bus的具体使用
2017/12/28 Javascript
详解react、redux、react-redux之间的关系
2018/04/11 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
微信小程序云开发之使用云数据库
2019/05/17 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
Python爬取附近餐馆信息代码示例
2017/12/09 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
python读取并定位excel数据坐标系详解
2019/06/26 Python
python随机模块random使用方法详解
2020/02/14 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
30年同学聚会感言
2014/01/30 职场文书
手机银行营销方案
2014/03/14 职场文书
《菜园里》教学反思
2014/04/17 职场文书
汉语言文学毕业求职信
2014/07/17 职场文书
群众路线教育实践活动个人对照检查材料思想汇报(社区班子)
2014/10/06 职场文书
部队个人年终总结
2015/03/02 职场文书
刑事案件上诉状
2015/05/23 职场文书
行为规范主题班会
2015/08/13 职场文书
Win10 Anaconda安装python-pcl
2022/04/29 Servers