对于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显示表单内元素数量的方法
Apr 02 Javascript
Node.js巧妙实现Web应用代码热更新
Oct 22 Javascript
javascript实现表单验证
Jan 29 Javascript
js+css3制作时钟特效
Oct 16 Javascript
JavaScript页面实时显示当前时间实例代码
Oct 23 Javascript
详解vue-router 路由元信息
Sep 13 Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
May 23 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
JavaScript经典案例之简易计算器
Aug 24 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
星际RPG字典
2020/03/04 星际争霸
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
php 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
简单的php文件上传(实例)
2013/10/27 PHP
php多重接口的实现方法
2015/06/20 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2021/03/09 PHP
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
select多选 multiple的使用示例
2014/06/16 Javascript
jQuery中:checkbox选择器用法实例
2015/01/03 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
Python MD5加密实例详解
2017/08/02 Python
linecache模块加载和缓存文件内容详解
2018/01/11 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
Python3.4 splinter(模拟填写表单)使用方法
2018/10/13 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
Hoover胡佛官网:美国吸尘器和洗地机品牌
2019/01/09 全球购物
商场促销活动方案
2014/02/08 职场文书
大学生优秀自荐信范文
2014/02/25 职场文书
优秀团干部个人事迹
2014/05/29 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
公司门卫岗位职责
2015/04/13 职场文书
中秋联欢会主持词
2015/07/04 职场文书
迎新年主持词
2015/07/06 职场文书
教师网络培训心得体会
2016/01/09 职场文书
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android