对于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 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
js getElementsByTagName的简写方式
Jun 27 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
jquery $("#variable") 循环改变variable的值示例
Feb 23 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
使用ionic切换页面卡顿的解决方法
Dec 16 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
Mar 13 Javascript
如何使用Bootstrap 按钮实例详解
Mar 29 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
Vue打包后访问静态资源路径问题
Nov 08 Javascript
微信小程序顶部导航栏可滑动并选中放大
Dec 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创建动态图像
2006/10/09 PHP
PHP 翻页 实例代码
2009/08/07 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
thinkphp模板继承实例简述
2014/11/26 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
js里的prototype使用示例
2010/11/19 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
vue-cli开发环境实现跨域请求的方法
2018/04/07 Javascript
[07:49]2014DOTA2国际邀请赛 Newbee夺冠后采访xiao8坦言奖金会上交
2014/07/23 DOTA
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python写的ARP攻击代码实例
2014/06/04 Python
Python itertools模块详解
2015/05/09 Python
python生成器generator用法实例分析
2015/06/04 Python
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
Python cookbook(数据结构与算法)实现优先级队列的方法示例
2018/02/18 Python
Python3实现的反转单链表算法示例
2019/03/08 Python
python根据时间获取周数代码实例
2019/09/30 Python
python 字典有序并写入json文件过程解析
2019/09/30 Python
将python安装信息加入注册表的示例
2019/11/20 Python
python实现电子词典
2020/03/03 Python
在keras里实现自定义上采样层
2020/06/28 Python
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
Max&Co官网:意大利年轻女性时尚品牌
2017/05/16 全球购物
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
Ruby如何进行文件操作
2014/07/17 面试题
联谊会主持词
2014/03/26 职场文书
毕业生如何写自荐信
2014/03/26 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers