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

jQuery中this与$(this)的区别实例

 
阅读更多 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title> this----$(this)区别 </title>
 <meta name="Author" content="lushuaiyin">
 <script type="text/javascript" src="jquery-1.7.1.js"></script>
</head>
<body>
<input type="text" id="dd" value="gg" />
</body>
</html>
<script>
$("#dd").click( 
 
 function () { 
 alert("this取值："+this.value+"--"+this);//this是js中返回html对象，所以要这样用。
 alert("$(this)取值："+$(this).val()+"--"+$(this));//$(this)返回封装后的jquery对象，所以要用jquery的方法。
 }
);
</script>


分享到：
| js中prototype的一个小例子
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

    总结来说，jQuery的选择方法提供了丰富的选择DOM元素的方式，而`$(this)`则帮助我们在事件处理中定位到触发事件的元素，两者结合使用，能够实现精准且高效的DOM操作。对于任何前端开发者来说，掌握这些基本技能是必...

    jQuery实例_ ToolTip的实现

    在本实例中，`qm.gif`可能是用于装饰或指示Tooltip的图像文件，而`images`目录可能包含了其他与Tooltip样式相关的图像资源。记得在CSS中正确引用这些图像。 总结一下，这个jQuery实例展示了如何利用JavaScript和CSS...

    Jquery实例(图片预览)

    这个“Jquery实例(图片预览)”着重探讨的是如何利用jQuery来实现图片预览功能，这在网页设计中是常见的需求，比如在用户上传图片前进行预览，或者在鼠标悬停在图片链接上时显示大图。 首先，我们需要理解jQuery的...

    jQuery实例可以运行

    在"jQ学习第一季"的压缩包中，可能包含了一系列这样的实例，每个实例都对应一个具体的jQuery功能或用法。通过学习和运行这些实例，你可以逐步提升你的jQuery技能，并将其应用到实际项目中。同时，记得结合官方文档和...

    jQuery炫酷实例

    以上仅是对jQuery炫酷实例的简要介绍，实际应用中可能需要根据具体需求进行调整和优化。通过学习和实践这些实例，你可以提升对jQuery的理解，并创造出更多富有创意的交互效果。记住，jQuery的强大之处在于其灵活性和...

    jquery快速入门实例

    【jQuery 快速入门实例】 jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作、事件处理和动画效果。本教程将引导你快速入门jQuery，通过基础实例帮助你掌握其核心概念。 ### 1. jQuery 构造函数与 $...

    50个Jquery经典实例

    本文将深入探讨50个jQuery经典实例，这些实例覆盖了jQuery的多种核心功能，包括DOM操作、事件处理、动画效果、Ajax请求以及插件应用等。** 1. **DOM操作**：jQuery提供了方便的DOM选择器，如`$("#id")`选择ID为`id`...

    jquery API文档和入门实例

    **jQuery API文档与入门实例详解** jQuery是一款广泛应用于Web开发中的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本文将深入解析jQuery 1.3版本的API文档，并通过入门...

    jQuery 实例：标签切换

    在本实例中，我们将深入探讨如何利用jQuery实现一个功能丰富的“标签切换”功能，这在网页设计中非常常见，用于展示多个内容块而只显示一个块于用户面前。这种交互方式能够优化用户体验，使用户更容易浏览和理解页面...

    jquery 编辑table实例

    在网页开发中，jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 DOM 操作、事件处理和动画制作。本教程将深入探讨如何使用 jQuery 实现表格（table）的编辑功能，包括“一行编辑”和“双击编辑单元格”两种...

    jQuery完全实例.rar

    Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS), which then finds all matching elements....

    jquery 教程，jquery 实例，jquery 菜单

    **jQuery实例与菜单创建** jQuery在创建动态交互的菜单上特别有用。以下是一个简单的下拉菜单的创建示例： ```html 菜单项1 子菜单1 子菜单2 菜单项2 $(document).ready(function() { $('#menu &gt; ...

    jquery插件 tabs有实例

    在这个"jquery插件 tabs有实例"中，我们将会看到如何使用jQuery来实现这一功能。基本步骤包括： 1. **HTML结构**：创建HTML元素，包括包含各个标签页的容器和每个标签对应的内容区。每个标签页是一个链接，内容区...

    javascript与jquery中的this关键字用法实例分析

    本文将结合实例，分析JavaScript和jQuery中this关键字的用法，并讲解如何获取当前对象的技巧。 首先，在JavaScript中，this的值取决于函数被调用的方式，这通常被称为函数调用的上下文。主要分为以下几种情况： 1....

    JQuery 模式对话框实例

    "JQuery 模式对话框实例"是指使用 jQuery 创建的一种特殊的对话框，它在页面上弹出时，会将背景变暗，使用户无法与背景中的其他元素交互，直至对话框关闭。这种模式对话框常用于警告、确认、输入信息等场景。 在 ...

    jquery中ajax的用法实例

    ### jQuery中Ajax的用法实例 #### 一、概述 jQuery 是一款优秀的 JavaScript 库，其简化了许多 HTML 文档操作、事件处理、动画以及 Ajax 交互。尤其在处理 Ajax 方面，jQuery 提供了一系列简单易用的方法，使得...

    jQuery语法与实例

    本篇文章将深入探讨jQuery语法与实例，为初级学习者提供详尽的指南。 ### 1. 选择器 jQuery 的核心在于其强大的选择器系统，允许开发者高效地定位并操作DOM元素。以下是一些基本和高级选择器的例子： - `$(this)`...

Magicbox
Global site tag (gtag.js) - Google Analytics