jQuery中this与$(this)的区别

jQuery中this与$(this)的区别

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

这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。 但是如果将this换成$(this)就不是那回事了,Error--报了。this与$(this)的区别在此。

Error Code:   $("#textbox").hover(          function() {             $(this).title = "Test";   //error       },          function() {             $(this).title = "OK";     //error       }   ); 

这里的$(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应该是比较不错的选择。

jQuery中this与$(this)的区别就介绍到这里。

本文来自RicoRui的博客园文章《JQuery -- this 和 $(this) 的区别 》

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏测试开发架构之路

总结了一些指针易出错的常见问题(七)

  指针的其他重要内容 主要研究以下问题 指针的类型转换 访问硬件设备 别名和强别名 使用restrict关键字 线程(一是如何用指针在线程之间共享数据这个基本...

2486
来自专栏java一日一条

浅谈JVM及原理

JVM, 中文名是Java虚拟机, 正如它的名字, 是一个虚拟机器,来模拟通用的物理机。 JVM是一个标准,一套规范, 规定了.class文件在其内部运行的相...

602
来自专栏码云1024

JAVA局部内部类

2544
来自专栏架构之路

深入探讨 Java 类加载器

看到一篇写得非常好的加载器文章,转过来与大家分享一下(https://www.ibm.com/developerworks/cn/java/j-lo-class...

3224
来自专栏Golang语言社区

Golang语言-- 小技巧

.前言 Golang 开发过程中的一些小技巧在这里记录下。 2.内容 1)包的引用 经常看到Golang代码中出现 _ "controller/home" 类似...

3479
来自专栏前端桃园

JavaScript核心概念之执行上下文和栈

现在想改变一下写作方式,以问答的形式来讲解这些枯燥无味的知识,尽量把每一个为什么都讲透,每个知识点都不迷惑。

511
来自专栏向治洪

状态模式

概述 状态模式:定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。允许一个对象在其内部状态改变时改变它的行...

1625
来自专栏yl 成长笔记

深刻理解反射(Reflection)

最近公司在搞自动化测试,由于版权问题,无法用 ’录制脚本‘ 进行,也就没法用 VS 自带的 UITest 框架(蛋疼), 所以只能开源的 FlaUI 框架来搞了...

904
来自专栏专注 Java 基础分享

基于 JDK 的动态代理机制

654
来自专栏搜云库

《深入理解Java虚拟机》(二)java虚拟机运行时数据区

Java虚拟机运行时数据区 详解 2.1 概述 本文参考的是周志明的 《深入理解Java虚拟机》,为了整理思路,简单记录一下,方便后期查阅。 2.2 运行时数据...

2546

扫码关注云+社区