对于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 相关文章推荐
JS 两日期相减,获得天数的小例子(兼容IE,FF)
Jul 01 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 Javascript
如何设置一定时间内只能发送一次请求
Feb 28 Javascript
js实现键盘Enter键提交表单的方法
May 27 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
Mar 21 Javascript
下一代Bootstrap的5个特点 超酷炫!
Jun 17 Javascript
jQuery 调用WebService 实例讲解
Jun 28 Javascript
jQuery layui常用方法介绍
Jul 25 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
Mar 11 Javascript
小程序Request的另类用法详解
Aug 09 Javascript
原生js实现随机点名
Jul 05 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
PHP与javascript对多项选择的处理
2006/10/09 PHP
提高PHP编程效率 引入缓存机制提升性能
2010/02/15 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
zf框架的registry(注册表)使用示例
2014/03/13 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
JQuery jsonp 使用示例代码
2009/08/12 Javascript
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
Javascript vue.js表格分页,ajax异步加载数据
2016/10/24 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
详细分析JS函数去抖和节流
2017/12/05 Javascript
微信小程序时间控件picker view使用详解
2018/12/28 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
2019/05/07 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
2019/10/17 Javascript
小程序实现横向滑动日历效果
2019/10/21 Javascript
如何使用webpack打包一个库library的方法步骤
2019/12/18 Javascript
Php多进程实现代码
2018/05/07 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
python获取linux系统信息的三种方法
2020/10/14 Python
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
2014/08/08 HTML / CSS
Born鞋子官网:Born Shoes
2017/04/06 全球购物
送给他或她的礼物:FUN.com
2018/08/17 全球购物
巴西宠物商店:Cobasi
2019/04/19 全球购物
高中自我鉴定
2013/12/20 职场文书
幼儿园亲子活动方案
2014/01/29 职场文书
学校青年志愿者活动总结
2015/05/06 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书