JQuery this 和 $(this) 的区别


Posted in Javascript onAugust 23, 2009

What is "this"?
In many object-oriented programming languages, this (or self) is a keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked.

$("#textbox").hover( 
function() { 
this.title = "Test"; 
}, 
fucntion() { 
this.title = "OK”; 
} 
);

这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。
但是如果将this换成$(this)就不是那回事了,Error?报了。
Error Code:
$("#textbox").hover( 
function() { 
$(this).title = "Test"; 
}, 
function() { 
$(this).title = "OK"; 
} 
);

这里的$(this)是一个JQuery对象,而jQuery对象?]有title 属性,因此这样写是错误的。

JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样:

正确的代码:

$("#textbox").hover( 
function() { 
$(this).attr('title', ‘Test'); 
}, 
function() { 
$(this).attr('title', ‘OK'); 
} 
);

使用JQuery的好处是它包?了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。
Javascript 相关文章推荐
Javascript学习笔记1 数据类型
Jan 11 Javascript
jQuery编写widget的一些技巧分享
Oct 28 Javascript
基于jQuery的动态表格插件
Mar 28 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
js异常捕获方法介绍
Apr 10 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
window.onload绑定多个事件的两种解决方案
May 15 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
Jun 21 Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 Javascript
video.js使用改变ui过程
Mar 05 Javascript
vue实现全选、反选功能
Nov 17 Javascript
ext checkboxgroup 回填数据解决
Aug 21 #Javascript
获取HTML DOM节点元素的方法的总结
Aug 21 #Javascript
自己的js工具 Event封装
Aug 21 #Javascript
自己的js工具 Cookie 封装
Aug 21 #Javascript
自己的js工具_Form 封装
Aug 21 #Javascript
javascript 面向对象编程基础 多态
Aug 21 #Javascript
javascript 面向对象编程基础:继承
Aug 21 #Javascript
You might like
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
PHP动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
利用php绘制饼状图的实现代码
2013/06/07 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
PHP中is_file不能替代file_exists的理由
2014/03/04 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
什么是JavaScript
2009/08/13 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
2010/12/19 Javascript
鼠标右击事件代码(asp.net后台)
2011/01/27 Javascript
小试JQuery的AutoComplete插件
2011/05/04 Javascript
修改jQuery Validation里默认的验证方法
2012/02/14 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
浅谈JS中逗号运算符的用法
2016/06/12 Javascript
基于js实现的限制文本框只可以输入数字
2016/12/05 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
vue实现公共方法抽离
2020/07/31 Javascript
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
使用Python对Access读写操作
2017/03/30 Python
Python入门_浅谈字符串的分片与索引、字符串的方法
2017/05/16 Python
快速了解python leveldb
2018/01/18 Python
Python动态导入模块的方法实例分析
2018/06/28 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
利用python求积分的实例
2019/07/03 Python
Django模型修改及数据迁移实现解析
2019/08/01 Python
Python3.x+迅雷x 自动下载高分电影的实现方法
2020/01/12 Python
Python warning警告出现的原因及忽略方法
2020/01/31 Python
印度最大的酒店品牌网络:OYO Rooms
2016/07/24 全球购物
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
Java基础知识面试要点
2016/07/29 面试题
旅游管理实习自我鉴定
2013/09/29 职场文书
房地产项目合作意向书
2015/05/08 职场文书