对于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 日期常用的方法
Nov 11 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
JS使用cookie设置样式的方法
Jun 30 Javascript
BootStrap Fileinput上传插件使用实例代码
Jul 28 Javascript
vue.js实例对象+组件树的详细介绍
Oct 20 Javascript
webpack中的热刷新与热加载的区别
Apr 09 Javascript
详解vue项目中使用token的身份验证的简单实践
Mar 08 Javascript
微信小程序实现弹幕墙(祝福墙)
Nov 18 Javascript
Echarts如何重新渲染实例详解
May 30 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
20款非常优秀的 jQuery 工具提示插件 推荐
2012/07/15 Javascript
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
使用nodejs中httpProxy代理时候出现404异常的解决方法
2016/08/15 NodeJs
BootStrap表单宽度设置方法
2017/03/10 Javascript
jQuery中的deferred使用方法
2017/03/27 jQuery
JS抛物线动画实例制作
2018/02/24 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
2018/07/13 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
JavaScript从原型到原型链深入理解
2019/06/03 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
原生js实现点击轮播切换图片
2020/02/11 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
2020/05/08 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
Python实现二分法算法实例
2015/02/02 Python
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python使用mysql数据库示例代码
2017/05/21 Python
Django model select的多种用法详解
2019/07/16 Python
pandas DataFrame 警告(SettingWithCopyWarning)的解决
2019/07/23 Python
python利用opencv实现SIFT特征提取与匹配
2020/03/05 Python
Python 批量读取文件中指定字符的实现
2020/03/06 Python
基于Python实现简单学生管理系统
2020/07/24 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
全球游戏Keys和卡片市场:GamesDeal
2018/03/28 全球购物
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
某公司部分笔试题
2013/11/05 面试题
受伤赔偿协议书
2014/09/24 职场文书
单位实习介绍信
2015/05/05 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
Python如何解决secure_filename对中文不支持问题
2021/07/16 Python