对于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 相关文章推荐
根据鼠标的位置动态的控制层的位置
Nov 24 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
JS数组的遍历方式for循环与for...in
Jul 31 Javascript
Jquery动态替换div内容及动态展示的方法
Jan 23 Javascript
jquery实现公告翻滚效果
Feb 27 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
Aug 10 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 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
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
在html文件中也可以执行php语句的方法
2015/04/09 PHP
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
JavaScript实现生成GUID(全局统一标识符)
2014/09/05 Javascript
javascript中键盘事件用法实例分析
2015/01/30 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
js重写方法的简单实现
2016/07/10 Javascript
JavaScript 总结几个提高性能知识点(推荐)
2017/02/20 Javascript
带你使用webpack快速构建web项目的方法
2020/11/12 Javascript
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
详解python单元测试框架unittest
2018/07/02 Python
Python基于递归算法求最小公倍数和最大公约数示例
2018/07/27 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
pd.DataFrame统计各列数值多少的实例
2019/12/05 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
解决Python发送Http请求时,中文乱码的问题
2020/04/30 Python
在 Python 中使用 MQTT的方法
2020/08/18 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
html5实现完美兼容各大浏览器的播放器
2014/12/26 HTML / CSS
前端实现打印图像功能
2019/08/27 HTML / CSS
泰国时尚电商:POMELO Fashion
2020/03/11 全球购物
澳大利亚电商Catch新西兰站:Catch.co.nz
2020/05/30 全球购物
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
保护环境建议书
2014/03/12 职场文书
伊索寓言教学反思
2014/05/01 职场文书
小学生春游活动方案
2014/08/20 职场文书
工厂标语大全
2014/10/06 职场文书
2014年应急管理工作总结
2014/11/26 职场文书
2014年幼儿园保育工作总结
2014/12/02 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python