起初以为this和$(this)就是一模子刻出来。但是我在阅读时,和coding时发现,总不是一回事。
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应该是比较不错的选择。
原文链接 http://www.cnblogs.com/RuiLei/archive/2009/08/20/1550804.html
分享到:
相关推荐
1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$...
在JavaScript开发中,使用jQuery的$(this)在原生态函数中可能会出现无效的问题,本文将对此进行详细的分析和解决方法的介绍。 一、问题描述 在JavaScript开发中,我们经常使用jQuery来简化我们的代码,但是当我们...
在使用jQuery进行网页开发时,我们常常会遇到两种特殊的表示法:$this和$(this)。初学者可能会对这两个表达式混淆不清,但实际上,$this与$(this)之间有着本质的区别。下面我将用简洁的语言详细讲解jQuery中$this和$...
在JavaScript和JQuery中,`this` 和 `$(this)` 是两个不同的概念,它们在功能和用法上有所差异。了解这些差异对于编写高效的JQuery代码至关重要。 首先,`this` 是JavaScript中的一个关键字,它在不同的上下文中...
主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,...
在JavaScript和jQuery的世界里,`this` 和 `$(this)` 是两个经常被提及的关键概念,它们在处理DOM操作和事件处理中扮演着重要的角色。理解它们的区别和应用场景对于编写高效、简洁的jQuery代码至关重要。 首先,`...
在JavaScript的库jQuery中,`$.browser`是一个曾经用于检测用户浏览器类型和版本的工具,但自jQuery 1.9版本以后,它已经被废弃并建议使用`$.support`来代替。尽管如此,对于理解旧代码或者在仍使用较早jQuery版本的...
本文将对 jQuery 中的 $(this).index() 和 $.each 方法的使用进行详细介绍,并结合示例解释其在实际开发中的应用。 首先来看 $(this).index() 方法。在 jQuery 中,$(this) 常用于引用当前事件的元素对象,而 ....
在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...
理解 `this` 在 JavaScript 中的工作原理非常重要,尤其是在处理事件处理程序和异步操作时。记住,`this` 的值取决于函数的调用方式,而不是定义方式。在不同的上下文中,`this` 可能指向不同对象,因此需要灵活应对...
Better-Dollar Smart wrapper for jQuery's $() function. 这个项目是怎么来的? 我们都知道,jQuery 的 $() 函数可以获取 DOM 元素并将其包装为... $(this).toggleClass('open') }) 每次点击 #switch 元素时,都会生
本篇文章将深入探讨jQuery的选择方法和$(this)的用法,帮助开发者更好地理解和应用这些功能。 **jQuery选择方法** jQuery 提供了一系列的选择器用于定位和操作DOM元素。以下是一些常用的选择方法: 1. **基本选择...
`$(this).attr()`和`$(this).val()`是两个常用的jQuery方法,用于处理DOM元素的属性(attributes)和值(values)。下面将详细介绍这两个方法的使用及其在实际开发中的应用。 一、`$(this).attr(key)` 和 `$(this)....
2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target). 比如,一个很简单的例子. $(event.target)指向触发事件的元素. 当点击蓝色小方框时, 蓝色小方框会变成...
jquery.each 方法 方法一 $("img").each(function(i,elem){ // i 下标 从零开始, // elem == this // $(elem).toggleClass("example"); $(this).toggleClass("example"); }); 方法二 $.each([1,2,3,4],...