最近经常用到JQuery,今天就和大家简单说所$(this)和this的区别
jQuery中this与$(this)的区别: this 指代的是 DOM 对象,而$(this)指代的是 jQuery 对象。 就相当于以下两者的区别:
- var a=document.getElementsByTagName('a')[0];
- var $a=$('a').eq(0);
复制代码
看个例子:
- <body>
- <a href="http://www.baidu.com/"></a>
- <a href="http://www.cnblogs.com/duanhuajian/"></a>
- </body>
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
- <script type="text/javascript">
- $('a').each(function(){
- console.log(this.href);
- console.log($(this).href);
- });
- </script>
复制代码
其结果如下图: <ignore_js_op style="word-wrap: break-word; color: rgb(68, 68, 68); font-family: Tahoma, Helvetica, SimSun, sans-serif; ">
因为$(this)没有href属性,所以会显示undefined;如果使用$(this),正确写法因该是:
分享到:
相关推荐
在JavaScript开发中,使用jQuery的$(this)在原生态函数中可能会出现无效的问题,本文将对此进行详细的分析和解决方法的介绍。 一、问题描述 在JavaScript开发中,我们经常使用jQuery来简化我们的代码,但是当我们...
下面我将用简洁的语言详细讲解jQuery中$this和$(this)的区别,并通过一个具体的例子来加深理解。 首先,我们需要明确this关键字在JavaScript和jQuery中的含义。在JavaScript中,this关键字指的是当前函数的上下文...
1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$...
本文将对 jQuery 中的 $(this).index() 和 $.each 方法的使用进行详细介绍,并结合示例解释其在实际开发中的应用。 首先来看 $(this).index() 方法。在 jQuery 中,$(this) 常用于引用当前事件的元素对象,而 ....
在JavaScript和jQuery的世界里,`this` 和 `$(this)` 是两个经常被提及的关键概念,它们在处理DOM操作和事件处理中扮演着重要的角色。理解它们的区别和应用场景对于编写高效、简洁的jQuery代码至关重要。 首先,`...
`$(this).attr()` 和 `$(this).val()` 是jQuery中处理元素属性和值的便捷方法。`$(this).attr(key)` 用于获取属性值,`$(this).attr(key, value)` 用于设置属性值,而`$(this).val()` 专门用于处理表单元素的`value`...
在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...
主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,...
在jQuery中,`$.extend()`、`.fn`(即`jQuery.fn`)和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。 1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...
在JavaScript中,`$(this)` 是 jQuery 对象的一个常见用法,它通常代表当前上下文中的元素。然而,在某些情况下,特别是在涉及到异步操作,如 `setTimeout` 或 `$.ajax` 等函数内部,`this` 的指向会改变,不再指向...
在JavaScript和JQuery中,`this` 和 `$(this)` 是两个不同的概念,它们在功能和用法上有所差异。了解这些差异对于编写高效的JQuery代码至关重要。 首先,`this` 是JavaScript中的一个关键字,它在不同的上下文中...
本篇文章将深入探讨jQuery的选择方法和$(this)的用法,帮助开发者更好地理解和应用这些功能。 **jQuery选择方法** jQuery 提供了一系列的选择器用于定位和操作DOM元素。以下是一些常用的选择方法: 1. **基本选择...
在本文中,我们将深入探讨如何实现`jQuery Table`编辑功能,包括鼠标点击表格单元格进行编辑,以及在失去焦点(onblur)时通过Ajax保存数据。此外,我们还将提及与实现此功能相关的`jQuery`和`Table`技术。 首先,`...