对于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 多级下拉菜单核心代码
May 21 Javascript
JavaScript 中的日期和时间及表示标准介绍
Aug 21 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
Jun 23 Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
vue数据双向绑定原理解析(get & set)
Mar 08 Javascript
js编写选项卡效果
May 23 Javascript
微信小程序中button组件的边框设置的实例详解
Sep 27 Javascript
使用DataTable插件实现异步加载数据
Nov 19 Javascript
js利用递归与promise 按顺序请求数据的方法
Aug 30 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 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
JAVA/JSP学习系列之四
2006/10/09 PHP
php出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
sql注入与转义的php函数代码
2013/06/17 PHP
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
动态添加js事件实现代码
2009/03/12 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
node.js实现BigPipe详解
2014/12/05 Javascript
jQuery处理json数据返回数组和输出的方法
2015/03/11 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
layui分页效果实现代码
2017/05/19 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
2019/06/21 Javascript
Layui 动态禁止select下拉的例子
2019/09/03 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
jQuery实现查看图片功能
2020/12/01 jQuery
小结Python用fork来创建子进程注意事项
2014/07/03 Python
python生成日历实例解析
2014/08/21 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
基于python生成器封装的协程类
2019/03/20 Python
pyqt5对用qt designer设计的窗体实现弹出子窗口的示例
2019/06/19 Python
python分布式编程实现过程解析
2019/11/08 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
详解利用canvas实现环形进度条的方法
2019/06/12 HTML / CSS
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
学年自我鉴定
2014/01/16 职场文书
作弊检讨书1000字
2014/02/01 职场文书
四查四看整改措施
2014/09/19 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
语文教师求职信范文
2015/03/20 职场文书
喋血孤城观后感
2015/06/08 职场文书
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android