`
wolfandlili
  • 浏览: 77352 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

jquery this和$(this)

阅读更多

起初以为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
分享到:
评论

相关推荐

    浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法

    1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$...

    js原生态函数中使用jQuery中的 $(this)无效的解决方法.docx

    在JavaScript开发中,使用jQuery的$(this)在原生态函数中可能会出现无效的问题,本文将对此进行详细的分析和解决方法的介绍。 一、问题描述 在JavaScript开发中,我们经常使用jQuery来简化我们的代码,但是当我们...

    jQuery中$this和$(this)的区别介绍(一看就懂)

    在使用jQuery进行网页开发时,我们常常会遇到两种特殊的表示法:$this和$(this)。初学者可能会对这两个表达式混淆不清,但实际上,$this与$(this)之间有着本质的区别。下面我将用简洁的语言详细讲解jQuery中$this和$...

    JQuery this 和 $(this) 的区别

    在JavaScript和JQuery中,`this` 和 `$(this)` 是两个不同的概念,它们在功能和用法上有所差异。了解这些差异对于编写高效的JQuery代码至关重要。 首先,`this` 是JavaScript中的一个关键字,它在不同的上下文中...

    实例讲解JQuery中this和$(this)区别

    主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,...

    详谈jQuery中的this和$(this)

    在JavaScript和jQuery的世界里,`this` 和 `$(this)` 是两个经常被提及的关键概念,它们在处理DOM操作和事件处理中扮演着重要的角色。理解它们的区别和应用场景对于编写高效、简洁的jQuery代码至关重要。 首先,`...

    jQuery下通过$.browser来判断浏览器..docx

    在JavaScript的库jQuery中,`$.browser`是一个曾经用于检测用户浏览器类型和版本的工具,但自jQuery 1.9版本以后,它已经被废弃并建议使用`$.support`来代替。尽管如此,对于理解旧代码或者在仍使用较早jQuery版本的...

    jQuery 中$(this).index与$.each的使用指南

    本文将对 jQuery 中的 $(this).index() 和 $.each 方法的使用进行详细介绍,并结合示例解释其在实际开发中的应用。 首先来看 $(this).index() 方法。在 jQuery 中,$(this) 常用于引用当前事件的元素对象,而 ....

    Jquery实现$.fn.extend和$.extend函数_.docx

    在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...

    js原生态函数中使用jQuery中的 $(this)无效的解决方法

    理解 `this` 在 JavaScript 中的工作原理非常重要,尤其是在处理事件处理程序和异步操作时。记住,`this` 的值取决于函数的调用方式,而不是定义方式。在不同的上下文中,`this` 可能指向不同对象,因此需要灵活应对...

    better-dollar:jQuery 的`$()` 函数的智能包装器

    Better-Dollar Smart wrapper for jQuery's $() function. 这个项目是怎么来的? 我们都知道,jQuery 的 $() 函数可以获取 DOM 元素并将其包装为... $(this).toggleClass('open') }) 每次点击 #switch 元素时,都会生

    jQuery 选择方法及$(this)用法实例分析

    本篇文章将深入探讨jQuery的选择方法和$(this)的用法,帮助开发者更好地理解和应用这些功能。 **jQuery选择方法** jQuery 提供了一系列的选择器用于定位和操作DOM元素。以下是一些常用的选择方法: 1. **基本选择...

    jquery $(this).attr $(this).val方法使用介绍

    `$(this).attr()`和`$(this).val()`是两个常用的jQuery方法,用于处理DOM元素的属性(attributes)和值(values)。下面将详细介绍这两个方法的使用及其在实际开发中的应用。 一、`$(this).attr(key)` 和 `$(this)....

    jQuery中event.target和this的区别详解

     2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target). 比如,一个很简单的例子. $(event.target)指向触发事件的元素. 当点击蓝色小方框时, 蓝色小方框会变成...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    jquery.each 方法 方法一 $("img").each(function(i,elem){  // i 下标 从零开始,  // elem == this  // $(elem).toggleClass("example"); $(this).toggleClass("example"); }); 方法二 $.each([1,2,3,4],...

Global site tag (gtag.js) - Google Analytics