对于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 原型模式实现OOP的再研究
Apr 09 Javascript
使用jquery自定义鼠标样式满足个性需求
Nov 05 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 Javascript
原生js仿jquery实现对Ajax的封装
Oct 04 Javascript
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
vue组件生命周期详解
Nov 07 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
web页面和微信小程序页面实现瀑布流效果
Sep 26 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 和 MySQL 开发的 8 个技巧
2007/01/02 PHP
SWFUpload与CI不能正确上传识别文件MIME类型解决方法分享
2011/04/18 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
PDO::beginTransaction讲解
2019/01/27 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
jQuery实现form表单reset按钮重置清空表单功能
2012/12/18 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
JavaScript引用类型和基本类型详解
2016/01/06 Javascript
Angular2从搭建环境到开发步骤详解
2016/10/17 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
2017/03/08 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
详解angularjs获取元素以及angular.element()用法
2017/07/25 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
2018/08/07 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
2019/12/22 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
Python实现字典的遍历与排序功能示例
2017/12/23 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
简单了解python中对象的取反运算符
2019/07/01 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
财务会计专业求职信范文
2013/12/31 职场文书
为什么不建议在go项目中使用init()
2021/04/12 Golang
详解MySQL的半同步
2021/04/22 MySQL
windows系统搭建WEB服务器详细教程
2022/08/05 Servers