对于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 ajax return没有返回值的解决方法
Oct 20 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
Sep 03 Javascript
JQuery实现鼠标滑过显示导航下拉列表
Sep 12 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
写JQuery插件的基本知识
Nov 25 Javascript
js日期联动示例
May 02 Javascript
JavaScript定义类和对象的方法
Nov 26 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
过滤器vue.filters的使用方法实现
Sep 18 Javascript
基于JavaScript实现省市联动效果
Jun 22 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运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
php的XML文件解释类应用实例
2014/09/22 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
php foreach如何跳出两层循环(详解)
2016/11/05 PHP
PHP常用日期加减计算方法实例小结
2018/07/31 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
jquery中交替点击事件的实现代码
2014/02/14 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
javascript设计模式之模块模式学习笔记
2017/02/15 Javascript
一个简易的js图片轮播效果
2017/07/22 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
实用的Vue开发技巧
2019/05/30 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
node.js中module模块的功能理解与用法实例分析
2020/02/14 Javascript
使用python分析git log日志示例
2014/02/27 Python
python Pandas如何对数据集随机抽样
2019/07/29 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
Python3实现将一维数组按标准长度分隔为二维数组
2019/11/29 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
django修改models重建数据库的操作
2020/03/31 Python
PyQt5实现简单的计算器
2020/05/30 Python
Python使用正则表达式实现爬虫数据抽取
2020/08/17 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
小学生放飞梦想演讲稿
2014/08/26 职场文书
小学假期安全广播稿
2014/09/28 职场文书
2014年客房部工作总结
2014/11/22 职场文书
聘任证明怎么写
2015/03/02 职场文书
青年志愿者服务活动总结
2015/05/06 职场文书
基于Redis延迟队列的实现代码
2021/05/13 Redis
MySQL系列之开篇 MySQL关系型数据库基础概念
2021/07/02 MySQL
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技