对于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获取class的所有元素
Mar 28 Javascript
JavaScript 数组详解
Oct 10 Javascript
在ASP.NET中使用JavaScript脚本的方法
Nov 12 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
初识Node.js
Sep 03 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
jQuery实现div拖拽效果实例分析
Feb 20 Javascript
JS实现一个简单的日历
Feb 22 Javascript
详解Vue中过度动画效果应用
May 25 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
Oct 19 Javascript
js实现简单的贪吃蛇游戏
Apr 23 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中return的用法实例分析
2015/02/28 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
不错的asp中显示新闻的功能
2006/10/13 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
网页中可关闭的漂浮窗口实现可自行调节
2013/08/20 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
js实现登录验证码
2016/12/22 Javascript
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
跟老齐学Python之集合的关系
2014/09/24 Python
python安装以及IDE的配置教程
2015/04/29 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
python实现邮件循环自动发件功能
2020/09/11 Python
python rsa-oaep加密的示例代码
2020/09/23 Python
PAUL HEWITT手表美国站:德国北部时尚生活配饰品牌,船锚元素
2017/11/18 全球购物
通信工程专业个人找工作求职信范文
2013/09/21 职场文书
股东合作协议书范本
2014/04/14 职场文书
村抢险救灾方案
2014/05/09 职场文书
机械专业技术员求职信
2014/06/14 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
2014年前台接待工作总结
2014/12/05 职场文书
检讨书模板
2015/01/29 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
2015年采购部工作总结
2015/04/23 职场文书
加强党性修养心得体会
2016/01/21 职场文书
《假如》教学反思
2016/02/17 职场文书
react中的DOM操作实现
2021/06/30 Javascript
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python