对于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 设置缓存及获取设置的缓存
May 08 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 Javascript
详解JavaScript逻辑And运算符
Dec 04 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
Dec 22 Javascript
简单谈谈json跨域
Mar 13 Javascript
vue控制多行文字展开收起的实现示例
Oct 11 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
Mar 25 Javascript
八种Vue组件间通讯方式合集(推荐)
Aug 18 Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 Vue.js
vue的hash值原理也是table切换实例代码
Dec 14 Vue.js
Vue过滤器,生命周期函数和vue-resource简单介绍
Jan 12 Vue.js
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编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
PHP的魔术常量__METHOD__简介
2014/07/08 PHP
php编写批量生成不重复的卡号密码代码
2015/05/14 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
php实现算术验证码功能
2018/12/05 PHP
PHP strripos函数用法总结
2019/02/11 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
jQuery之$(document).ready()使用介绍
2012/04/05 Javascript
自己写的Javascript计算时间差函数
2013/10/28 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
怎样判断jQuery当前元素是隐藏还是显示
2016/11/23 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
easyui-datagrid开发实践(总结)
2017/08/02 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
2017/08/24 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
JavaScript实现的DOM绘制柱状图效果示例
2018/08/08 Javascript
layui前端框架之table表数据的刷新方法
2018/08/17 Javascript
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
JavaScript判断对象和数组的两种方法
2019/05/31 Javascript
react 移动端实现列表左滑删除的示例代码
2019/07/04 Javascript
vscode调试node.js的实现方法
2020/03/22 Javascript
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
Python实现的桶排序算法示例
2017/11/29 Python
对numpy中轴与维度的理解
2018/04/18 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
Python如何合并多个字典或映射
2020/07/24 Python
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
国庆促销活动总结
2014/08/29 职场文书
四风问题自我剖析材料
2014/10/07 职场文书
2015年小学开学寄语
2015/02/27 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android