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 相关文章推荐
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
关于Javascript 对象(object)的prototype
May 09 Javascript
JavaScript获取Url里的参数
Dec 18 Javascript
jQuery源码解读之removeClass()方法分析
Feb 20 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
正则表达式优化JSON字符串的技巧
Dec 24 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
jquery Banner轮播选项卡
Dec 26 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
Feb 28 Javascript
原生JS无缝滑动轮播图
Oct 22 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 404错误页面实现代码
2009/06/22 PHP
CodeIgniter上传图片成功的全部过程分享
2013/08/12 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
php中get_defined_constants函数用法实例分析
2015/05/12 PHP
php实现异步数据调用的方法
2015/12/24 PHP
PHP序列化/对象注入漏洞分析
2016/04/18 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
十条建议帮你提高Python编程效率
2016/02/16 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
Python使用贪婪算法解决问题
2019/10/22 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
wxPython修改文本框颜色过程解析
2020/02/14 Python
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
高中学校对照检查材料
2014/08/31 职场文书
护士辞职信怎么写
2015/02/27 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
五年级作文之想象作文
2019/10/30 职场文书