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

认识JQuery

阅读更多
学习JQuery要分辨出哪些是JQuery对象哪些是DOM对象。JQuery对象是通过JQuery包装DOM对象后产生的对象。JQuery对象是JQuery独有的。如果一个对象是JQuery对象,那么就可以使用JQuery的方法。在JQuery对象中无法使用DOM对象的任何方法。同样DOM对象也不能使用JQuery里的方法。

JQuery对象和DOM对象的相互转换。
JQuery对象->DOM对象
(1)通过[index]的方法得到相应的DOM对象
例:
var $cr = $("#cr"); // JQuery对象
var cr = $cr[0]; // DOM对象
alert(cr.checked) // 检验checkbox是否被选中了

(2)通过get(index)方法得到相应的DOM对象
例:
var $cr = $("#cr"); // JQuery对象
var cr = $cr.get(0); // DOM对象
alert(cr.checked) // 检验checkbox是否被选中了

DOM对象->JQuery对象
对于DOM对象只需要用$()把DOM对象包装起来,就可以获得一个JQuery对象了。方式为$(DOM对象)。
例:
var cr = document.getElementById("cr"); // DOM对象
var $cr = $(cr); // JQuery对象
转换后可以任意使用JQuery中的方法。
注:$()函数就是一个JQuery对象的制造工厂。




分享到:
评论

相关推荐

    开始认识jQuery.pdf

    在“开始认识 jQuery”这一部分,我们将了解以下核心概念: 1. **jQuery 的安装与引入**:jQuery 可以通过 CDN(内容分发网络)链接或者下载后本地引入到项目中。在 ASP.NET MVC 项目中,通常已经预装了 jQuery,...

    重新认识Jquery中的html()方法

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等...无论你是初学者还是经验丰富的开发者,重新认识并熟练掌握`html()`方法,都将对你的JavaScript和jQuery实践带来显著提升。

    开始认识jQuery.docx

    在“开始认识jQuery”的学习过程中,我们可以逐步了解以下关键知识点: 1. **jQuery 选择器**:jQuery 提供了一套丰富的选择器,它们基于 CSS 选择器并扩展了一些额外的功能,使得选取页面上的元素变得非常方便。...

    jQuery基础.pptx

    JavaScript+jQuery 网页特效设计 jQuery(3.4.1)基础 1 jQuery简介 jQuery优势 jQuery安装 jQuery语法 1、jQuery简介 1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? ...

    认识jQuery的Promise的具体使用方法

    jQuery作为老牌的JavaScript库,提供了一套处理异步操作的机制,即Deferred对象与Promise模式的实现。接下来,我们将深入探讨jQuery中的Promise具体使用方法。 首先,要理解jQuery的Promise,需要先了解JavaScript...

    Web前端开发技术-认识JQuery.pptx

    【jQuery基本概念】 jQuery是一个广泛应用于Web前端开发的JavaScript库,它的主要目标是简化JavaScript的使用,让开发者可以用更少的代码实现更多的功能。jQuery的核心理念是"write Less, Do More",它通过封装常见...

    jQuery权威指南-源代码

    1.1.1 认识jQuery /2 1.1.2 jQuery基本功能/2 1.1.3 搭建jQuery开发环境/3 1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单应用/7 1.2.1 jQuery访问DOM对象/7 1.2.2 ...

    《15天精通jQuery》教程 pdf

    《15天精通jQuery》 是一个网络作者谈对JQUERY的看法,包括认识JQUERY,使用jQuery等。15天精通jQuery虽然有点夸张,但至少可以让你对jQuery有一个系统的了解。  有一天当我突然看到一些用jQuery 写的代码时我一下...

    jQuery基础案例分析(初学者入门精通最佳案例)

    1.认识jQuery 2.jQuery选择器 3.jQuery中的DOM操作 4.jQuery中的事件和动画 5.jQuery对表单、表格的操作及更多应用 6.jQuery与Ajax的应用 7.jQuery插件的使用和写法 8.用jQuery打造个性网站 9.jQuery Mobile 10....

    JQuery权威指南 源代码

    前 言 第1章 jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2 jquery...

    JQuery的pdf电子书

    **步骤一:认识jQuery** 在第一步中,你会了解jQuery的基本概念,包括它的起源、核心理念以及如何在项目中引入jQuery库。jQuery的语法简洁,使得开发者能够快速上手,实现复杂的DOM操作。 **步骤二:选择器与遍历*...

    锋利的jQuery pdf + 示例代码

    第1章 认识jQuery 1 1.1 JavaScript和JavaScript库 1 1.1.1 JavaScript简介 1 1.1.2 JavaScript库作用及对比 1 1.2 加入jQuery 3 1.2.1 jQuery简介 3 1.2.2 jQuery的优势 4 1.3 jQuery代码的编写 5 1.3.1 ...

    15天学会jquery, jquery 教程

    #### 第一章:认识jQuery **什么是jQuery?** jQuery是一个轻量级的JavaScript库,它简化了许多HTML文档遍历、搜索、修改和事件处理等操作,使开发者能够更高效地构建动态网页。它的主要优势在于通过简洁的语法...

    15天学会jQuery 初学

    #### 第0天:认识jQuery - **What**:jQuery是一个优秀的JavaScript库,能够让我们仅用少量的代码就能创造出美观的页面效果。它的出现让JavaScript变得更加有趣和易于使用。 - **Why**:为什么应该考虑使用jQuery...

    jquery基础知识第一讲之认识jquery

    通过上述内容的学习,我们应该对jQuery有了一个初步的认识。在实际的开发过程中,我们可以利用jQuery提供的丰富API来实现更加复杂和动态的网页效果。随着对jQuery知识的不断深入,我们将能够更加熟练地运用这个强大...

    jQuery个人总结

    认识jQuery **jQuery** 是一款快速、简洁的JavaScript库,它的设计目标是简化HTML文档遍历、事件处理、动画以及Ajax交互等常见功能的操作。通过一个简单的语法就能实现强大的功能,使得网页开发变得更加容易。 - ...

Global site tag (gtag.js) - Google Analytics