通过$(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 相关文章推荐
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
Sep 26 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
Dec 31 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
JavaScript实现瀑布流图片效果
Jun 30 Javascript
angular4中关于表单的校验示例
Oct 16 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
浅谈对于react-thunk中间件的简单理解
May 01 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 Javascript
详解vue组件之间的通信
Aug 30 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中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
Laravel路由设定和子路由设定实例分析
2016/03/30 PHP
thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
2019/07/15 PHP
js 事件小结 表格区别
2007/08/13 Javascript
js模拟弹出效果代码修正版
2008/08/07 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
总结十个Angular.js由浅入深的面试问题
2016/08/26 Javascript
详解nodejs 文本操作模块-fs模块(二)
2016/12/22 NodeJs
js 判断数据类型的几种方法
2017/01/13 Javascript
JavaScript中 this 指向问题深度解析
2017/02/21 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
Javascript获取某个月的天数
2018/05/30 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
Python中类型关系和继承关系实例详解
2015/05/25 Python
Python 将pdf转成图片的方法
2018/04/23 Python
python list转矩阵的实例讲解
2018/08/04 Python
python集合是否可变总结
2019/06/20 Python
pytorch 获取tensor维度信息示例
2020/01/03 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
python轮询机制控制led实例
2020/05/03 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
丹麦优惠购物网站:PLUSSHOP
2019/03/24 全球购物
2014年中班元旦活动方案
2014/02/14 职场文书
学习全国两会精神心得体会范文
2014/03/17 职场文书
2014年减负工作总结
2014/12/10 职场文书
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python