夺命雷公狗jquery---25事件绑定中的this指向
2015-10-27 14:52
519 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div#result{ background-color:blue; width:500px; height:500px; } </style> <script src="js/jquery.js"></script> <script> $(function(){ $('#result').bind('click',function(){ //alert(this); //alert(this.id); //this.style.backgroundColor = 'red'; //其内部的this指向当前要操作的DOM对象 //所以可以使用this.backgroundColor或者this.id DOM的属性和方法 //this.css('background-color','red'); 这样是不可以的,因为当前的this指向的DOM对象 $(this).css('background-color','red'); }) }); </script> </head> <body> <div id="result"></div> </body> </html>
在原生JavaScript代码中,事件监听程序中的this比较特殊,具有兼容性问题:
当使用IE浏览器进行事件绑定时,其内部的this指向window对象
当使用W3C浏览器时,其内部this指向当前DOM对象
在jQuery中,jQuery调整了事件绑定的兼容性问题,统一更改其内部的this指向为当前要操作的DOM对象。
通过运行代码调试可知,在jQuery中,其内部的this指向了当前要操作的DOM对象,说明:如果要使用jQuery的属性和方法,必须通过$符号进行封装.
相关文章推荐
- 基于Jquery ajax技术实现间隔N秒向某页面传值
- jquery "缺少标识符、字符串或数字"
- jquery 字符串转数字
- javascript基础之十三(Jquery基础)
- jQuery中读取json文件示例代码
- jquery中判断是否按下回车键
- 三、jQuery--jQuery基础--jQuery基础课程--第4章 jQuery表单选择器
- ie下jquery.getJSON的缓存问题的处理方法
- this $this $(this)
- Jquery插件 防刷新倒计时 “点击获取验证码后60秒内禁止重新获取
- jQuery mouseover与mouseenter的区别
- jquery ajax的async属性的理解
- 基于jQuery的软键盘
- Jquery判断某个标签 Id是否存在
- jquery 做一个小的倒计时效果
- jquery 中js的总结问题
- 使用jQuery播放/暂停 HTML5视频
- jquery post json
- jQuery效果之页面窗口及jQuery插件开发
- Jquery选择器