`

JQuery对象得认识,与DOM对象的比较

阅读更多

JQuery 很强大,比DOM使用更加简练,

初学得必须认识下JQuery对象:

JQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象,${”#Element”}不能直接innerHTML.

JQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。

EG: 下面为jquery对象,可以使用jquery的方法

  1. $(document.getElementById("msg"))

EG: 下面是DOM对象,JQuery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。

  1. $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

别的写法JQuery转换DOM对象如下:

  1. $("#msg").html();
  2. $("#msg")[0].innerHTML;
  3. $("#msg").eq(0)[0].innerHTML;
  4. $("#msg").get(0).innerHTML;
分享到:
评论

相关推荐

    jQuery对象与DOM对象之间的转换方法

    最后,我们要认识到,虽然DOM对象和jQuery对象可以互相转换,但它们本质上是不同的对象类型,各自有自己的优势和使用场景。在开发中合理地选择使用jQuery对象或DOM对象,或者在需要时进行适当的转换,将帮助我们编写...

    锋利的jQuery pdf + 示例代码

    《锋利的jQuery》适合所有对jQuery...1.4.1 DOM对象和jQuery对象简介 11 1.4.2 jQurey对象和DOM对象的相互转换 13 1.4.3 实例研究 14 1.5 解决jQuery和其他库的冲突 16 1.6 jQuery开发工具和插件 18 1.7 小结 22

    锋利的jQuery_高清_书签.part2

    1.4.1 DOM对象和jQuery对象简介 1.4.2 jQurey对象和DOM对象的相互转换 1.4.3 实例研究 1.5 解决jQuery和其他库的冲突 1.6 jQuery开发工具和插件 1.7 小结 第2章 jQuery选择器 2.1 jQuery选择器是什么 2.2 jQuery选择...

    基础jquery

    使用 `$(domObject)` 可以将 DOM 对象转换为 jQuery 对象,而使用 `.get(index)` 或 `[index]` 可以从 jQuery 对象中获取 DOM 对象。 ### jQuery 语法结构 - **工厂函数**:`$()` 是一个工厂函数,它接受一个参数...

    jquery技巧

    ##### 4.2 jQuery对象与DOM对象的转换 **从DOM对象到jQuery对象**: - 可以通过`$()`函数将DOM对象转换为jQuery对象。 **示例**: ```javascript var domElement = document.getElementById("example"); var ...

    JQuery权威指南 源代码

    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的简单应用/7 ...

    jQuery权威指南-源代码

    书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 ...10.8.2 DOM对象与jQuery对象的类型转换/335 10.9 本章小结/337 第11章 综合案例开发...

    开始认识jQuery.docx

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 编程,特别是在处理网页文档对象模型(DOM)、事件处理、动画效果以及异步通信(Ajax)方面。在本文中,我们将深入了解 jQuery 的基本概念和主要...

    锋利的JQUERY

    5. **JQuery对象与DOM对象的转换**: - **jQuery对象转DOM对象**:jQuery对象可以通过索引访问其包含的DOM元素,如`var cr = $cr[0];`或使用`.get()`方法,如`var cr = $cr.get(0);`。这样转换后,你可以使用DOM...

    开始认识jQuery.pdf

    jQuery 是一个广泛使用的 JavaScript 库,它为网页开发提供了丰富的功能和便利,简化了与 HTML DOM(文档对象模型)交互的复杂性,并处理了浏览器之间的兼容性问题。本系列文章旨在引导初学者深入理解并掌握 jQuery...

    jQuery笔记

    jQuery对象可以转换为DOM对象(`.get(0)`或`[0]`),反之亦然(`$(domElement)`)。 ### 第二章 jQuery 选择器 jQuery 提供了丰富的选择器,使得选取页面元素变得简单。 #### 2.1 基本选择器 - `#id`:通过ID...

    jquery验证框架学习教程

    在Visual Studio中,jQuery可以与.NET框架无缝结合,*** MVC项目甚至会自动引入jQuery类库。这体现了微软对jQuery的支持和推荐,这使得.NET开发者能够更加方便地使用jQuery。 总结来说,通过阅读这篇文章,开发者...

    jQuery权威指南366页完整版pdf和源码打包

    10.5.1 jquery在其他库前导入 10.5.2 jquery在其他库后导入 10.6 使用子查询优化选择器性能 10.7 减少对dom元素直接操作 10.8 正确区分dom对象与jquery对象 10.8.1 dom对象与jquery对象的定义 10.8.2 ...

    jQuery权威指南源码

    插件通常通过`$.fn.extend()`方法添加到jQuery对象上,使我们能够为jQuery对象添加新的方法。 总的来说,《jQuery权威指南源码》是一个深入学习JavaScript和前端开发的宝贵资源。通过阅读和理解这份源码,开发者...

    深入理解jquery和javascript系列

    4. **对象与原型**:JavaScript的面向对象基于原型,通过原型链实现继承。 5. **闭包**:闭包是JavaScript中的一个高级概念,它可以访问并操作外部作用域的变量,即使在外部作用域已经销毁的情况下。 6. **异步...

    很好的Jquery总结

    ### 二、jQuery对象与DOM对象转换 jQuery对象和DOM对象是不同的,但它们之间可以互相转换。jQuery对象使用 `$()` 包裹DOM对象,反之,`get(index)` 或 `[index]` 可以将jQuery对象转为DOM对象。 - **jQuery转DOM**...

    (三天熟练jquery)第一天

    接着,我们学习jQuery对象和DOM元素的区别。jQuery对象是jQuery函数返回的结果,包含了多个DOM元素,可以执行jQuery的方法;而DOM元素是对网页结构的直接引用。使用`.get()`方法可以从jQuery对象中获取DOM元素。 ...

Global site tag (gtag.js) - Google Analytics