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

jQuery中$(this)和this 区别

阅读更多

 

 

最近经常用到JQuery,今天就和大家简单说所$(this)和this的区别
jQuery中this与$(this)的区别: this 指代的是 DOM 对象,而$(this)指代的是 jQuery 对象。 就相当于以下两者的区别:

  1. var a=document.getElementsByTagName('a')[0];
  2.     var $a=$('a').eq(0);
复制代码

看个例子:

  1. <body>
  2.     <a href="http://www.baidu.com/"></a>
  3.     <a href="http://www.cnblogs.com/duanhuajian/"></a>
  4. </body>
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  6. <script type="text/javascript">
  7.     $('a').each(function(){
  8.         console.log(this.href);
  9.         console.log($(this).href);
  10.     });
  11. </script>
复制代码

其结果如下图: <ignore_js_op style="word-wrap: break-word; color: rgb(68, 68, 68); font-family: Tahoma, Helvetica, SimSun, sans-serif; ">JQuery this 
因为$(this)没有href属性,所以会显示undefined;如果使用$(this),正确写法因该是:

  1. $(this).attr('href');
复制代码
分享到:
评论

相关推荐

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

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

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

    下面我将用简洁的语言详细讲解jQuery中$this和$(this)的区别,并通过一个具体的例子来加深理解。 首先,我们需要明确this关键字在JavaScript和jQuery中的含义。在JavaScript中,this关键字指的是当前函数的上下文...

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

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

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

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

    详谈jQuery中的this和$(this)

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

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

    `$(this).attr()` 和 `$(this).val()` 是jQuery中处理元素属性和值的便捷方法。`$(this).attr(key)` 用于获取属性值,`$(this).attr(key, value)` 用于设置属性值,而`$(this).val()` 专门用于处理表单元素的`value`...

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

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

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

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

    深入理解jquery的$.extend()、$.fn和$.fn.extend()

    在jQuery中,`$.extend()`、`.fn`(即`jQuery.fn`)和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。 1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...

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

    在JavaScript中,`$(this)` 是 jQuery 对象的一个常见用法,它通常代表当前上下文中的元素。然而,在某些情况下,特别是在涉及到异步操作,如 `setTimeout` 或 `$.ajax` 等函数内部,`this` 的指向会改变,不再指向...

    JQuery this 和 $(this) 的区别

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

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

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

    jqueryTable编辑的实现

    在本文中,我们将深入探讨如何实现`jQuery Table`编辑功能,包括鼠标点击表格单元格进行编辑,以及在失去焦点(onblur)时通过Ajax保存数据。此外,我们还将提及与实现此功能相关的`jQuery`和`Table`技术。 首先,`...

Global site tag (gtag.js) - Google Analytics