对于this和$(this)的个人理解


Posted in Javascript onSeptember 08, 2013
jQuery.prototype.test=function(){ 
this.css("color","#99");//这里的this是jquery对象,而不是dom对象 
alert(this[0]);//这里的this[0]指的是dom节点对象 
}

$("body").click(function(){ 
$(this).test(); 
$(this).test().html(this.nodeName).hide(10000); 
})

在页面上使用click方法的时候相当于new了一个Jquery对象然后调用他的click方法,方法里面的参数是一个javascript的function函数,里面的this指的是javascript对象,this是javascript自身的 语法关键字,它指向一个javascript对象,所以可以使用所指向的目标javascript对象所拥有的方法

而jQuery.prototype.test相当于在就query对象中新建一个test的方法,所以里面的this理所应当的就是就jquery对象

通过this[0]可以把jquery对象转化成dom节点对象
因为this永远指向调用该方法(函数)的那个对象(call,apply方法除外)

Javascript 相关文章推荐
调试Javascript代码(浏览器F12及VS中debugger关键字)
Jan 25 Javascript
使用jquery实现div的tab切换实例代码
May 27 Javascript
Jquery显示、隐藏元素以及添加删除样式
Aug 09 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
Mar 24 Javascript
js变量提升深入理解
Sep 16 Javascript
angular实现form验证实例代码
Jan 17 Javascript
Angular.js中控制器之间的传值详解
Apr 24 Javascript
JS实现移动端判断上拉和下滑功能
Aug 07 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
Apr 15 Javascript
js函数获取html中className所在的内容并去除标签
Sep 08 #Javascript
可自己添加html的伪弹出框实现代码
Sep 08 #Javascript
js处理json以及字符串的比较等常用操作
Sep 08 #Javascript
Jquery.addClass始终无效原因分析
Sep 08 #Javascript
jquery选择器、属性设置用法经验总结
Sep 08 #Javascript
jQuery让控件左右移动的三种实现方法
Sep 08 #Javascript
将Datatable转化成json发送前台实现思路
Sep 06 #Javascript
You might like
日本因肺炎疫情影响,这几部动漫推延播放!
2020/03/03 日漫
php常用ODBC函数集(详细)
2013/06/24 PHP
php post json参数的传递和接收处理方法
2018/05/31 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
2017/06/13 Javascript
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
实现高性能javascript的注意事项
2019/05/27 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
[54:29]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第二场
2018/04/09 DOTA
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
[01:04:08]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第一场 12.16
2020/12/18 DOTA
Python学习笔记整理3之输入输出、python eval函数
2015/12/14 Python
Django Admin实现上传图片校验功能
2016/03/06 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
2019/06/18 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
Python zip函数打包元素实例解析
2019/12/11 Python
python数据分析:关键字提取方式
2020/02/24 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
Python如何执行系统命令
2020/09/23 Python
世界领先的电子书网站:eBooks.com(在线购买小说、非小说和教科书)
2019/03/30 全球购物
商场周年庆活动方案
2014/08/19 职场文书
入党个人总结范文
2015/03/02 职场文书
优秀家长事迹材料(2016推荐版)
2016/02/29 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
python 中的@运算符使用
2021/05/26 Python
python中24小时制转换为12小时制的方法
2021/06/18 Python
纯CSS打字动画的实现示例
2022/08/05 HTML / CSS