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 add event remove event
Apr 07 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
jQuery基础框架浅入剖析
Dec 27 Javascript
jQuery操作input值的各种方法总结
Nov 21 Javascript
JS合并数组的几种方法及优劣比较
Sep 19 Javascript
javascript中bind函数的作用实例介绍
Sep 28 Javascript
使用JavaScript开发IE浏览器本地插件实例
Feb 18 Javascript
详解jQuery中的deferred对象的使用(一)
May 27 Javascript
深入理解JavaScript中的预解析
Jan 04 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
JavaScript中this用法学习笔记
Mar 17 Javascript
JavaScript如何优化逻辑判断代码详解
Jun 08 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
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
php将12小时制转换成24小时制的方法
2015/03/31 PHP
php ajax实现文件上传进度条
2016/03/29 PHP
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
Javascript 自定义类型方法小结
2010/03/02 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
2016/05/17 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
微信小程序入门之广告条实现方法示例
2018/12/05 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
简化Python的Django框架代码的一些示例
2015/04/20 Python
python避免死锁方法实例分析
2015/06/04 Python
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
教你学会使用Python正则表达式
2017/09/07 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
Python定时任务sched模块用法示例
2018/07/16 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
python实现批量文件重命名
2019/10/31 Python
python 调试冷知识(小结)
2019/11/11 Python
Python如何读取文件中图片格式
2020/01/13 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
高中班长自我鉴定
2013/12/20 职场文书
数学高效课堂实施方案
2014/03/29 职场文书
培训讲师岗位职责
2014/04/13 职场文书
警察群众路线整改措施
2014/09/26 职场文书
高二学年自我鉴定范文(2篇)
2014/09/26 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
惹女朋友生气检讨书
2015/05/06 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL