对于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判断单个复选框是否被选中的代码
Sep 03 Javascript
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
Jan 13 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
JS模仿腾讯图片站的图片翻页按钮效果完整实例
Jun 21 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
浅谈js script标签中的预解析
Dec 30 Javascript
canvas实现弧形可拖动进度条效果
May 11 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 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获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
PHP中include()与require()的区别说明
2010/03/10 PHP
Apache服务器无法使用的解决方法
2013/05/08 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
2019/05/29 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
2015/01/13 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
Bootstrap 模态框(Modal)插件代码解析
2016/12/21 Javascript
React教程之Props验证的具体用法(Props Validation)
2017/09/04 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
2018/03/15 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
Vue实现一个图片懒加载插件
2019/03/11 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
python求质数的3种方法
2018/09/28 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
Python生成器实现简单"生产者消费者"模型代码实例
2020/03/27 Python
快速解决jupyter启动卡死的问题
2020/04/10 Python
Python的历史与优缺点整理
2020/05/26 Python
Python中zipfile压缩文件模块的基本使用教程
2020/06/14 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
澳大利亚运动鞋零售商:The Athlete’s Foot
2018/11/04 全球购物
农民工工资支付承诺函
2014/03/31 职场文书
单位工作证明格式模板
2014/10/04 职场文书
学校百日安全活动总结
2015/05/07 职场文书
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python
MySQL的安装与配置详细教程
2021/06/26 MySQL
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android
Java使用HttpClient实现文件下载
2022/08/14 Java/Android