对于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 相关文章推荐
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
Jan 22 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
vue.js简单配置axios的方法详解
Dec 13 Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
如何在项目中使用log4.js的方法步骤
Jul 16 Javascript
Vue中使用matomo进行访问流量统计的实现
Nov 05 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 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 面向对象 PHP5 中的常量
2010/05/05 PHP
sql注入与转义的php函数代码
2013/06/17 PHP
php无限遍历文件夹示例分享
2014/03/04 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
WordPress中缩略图的使用以及相关技巧
2015/11/24 PHP
php版微信公众号接口实现发红包的方法
2016/10/14 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】
2019/03/11 PHP
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
子窗体与父窗体传值示例js代码
2013/08/01 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
2014/06/16 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
深入理解Node.js的HTTP模块
2016/10/12 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
2018/04/21 Javascript
微信小程序如何实现全局重新加载
2019/06/05 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
Python中tell()方法的使用详解
2015/05/24 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
Python延时操作实现方法示例
2018/08/14 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
洲际酒店集团英国官网:IHG英国
2019/07/10 全球购物
拉飞逸官网:Lafayette 148 New York
2020/07/15 全球购物
公务员政审单位鉴定材料
2014/05/16 职场文书
生物技术专业求职信
2014/06/10 职场文书
2014年材料员工作总结
2014/11/19 职场文书
综合测评个人总结
2015/03/03 职场文书
OpenCV-Python实现轮廓拟合
2021/06/08 Python
win11高清晰音频管理器在哪里?win11找不到高清晰音频管理器解决办法
2022/04/08 数码科技
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS