`
crud0906
  • 浏览: 136137 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

DOM对象与JQuery对象

阅读更多
  前段时间写一个JsTree的应用时,曾经碰到过无法使用一个普通的dom对象,最后脑子不知道怎么一转,将原变量var变成了$(var)的形式就能作为JsTree中的函数参数了,当时只顾着解决了,过后也就没管这个问题了。
  今天在项目中用Ajax的时候又碰到一个问题,让我有所想法,问题是这样的:以前用的是ajax是自己写的一个js文件,里面的回调方法中写的是var xml=xmlHttp.responseXML,然后我准备改成JQuery框架的简单实现,当然回调方法function(msg)中的参数msg就相当于前面xml变量了。可是问题来了,以前代码中的xml.documentElement写法现在不好使了,会报错,我纳闷,想了一会,又联想到上次的那个问题,我很肯定的觉得JQuery对象与一般的DOM对象有很大的不同,只是以前没有混着用,所以没在意,Google了一下,发现自己是对的。
--------------------
responseXML 属性返回 XML 文档对象,可使用 W3C DOM 节点树的方法和属性来检查和解析该对象。如:
var xmlDoc=xmlHttp.responseXML.documentElement;
document.getElementById("companyname").innerHTML=......

以下转载自:http://www.ccvita.com/192.html

jQuery对象与dom对象的转换
最近在闲暇时间用jQuery搞了一个多文件上传的东东,顺便写点笔记。

一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑,为什么${”#Element”}不能直接innerHTML,这就是原因所在,解决方式请看下文。

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

如:

$(document.getElementById("msg"))

则为jquery对象,可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
如:

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

这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。
以下几种写法都是正确的:

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

相关推荐

    jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别

    本篇文章将深入探讨jQuery的基本概念、使用方法以及DOM对象与jQuery对象之间的转换与区别。 首先,我们从jQuery的简介开始。jQuery是由John Resig于2006年创建的,其目标是“write less, do more”。jQuery的核心...

    dom对象与jquery对象转换[参考].pdf

    DOM对象和jQuery对象是JavaScript在处理网页元素时的两种不同表示方式。DOM(Document Object Model)是HTML和XML文档的标准模型,它将网页结构抽象成一个树形结构,每个节点代表一个HTML元素。jQuery是一个流行的...

    关于dom和jquery对象理解

    在实际开发中,有时需要在DOM对象与jQuery对象之间进行转换。虽然jQuery提供了一些便利的方法来操作DOM,但在某些情况下,我们仍然需要使用原生的DOM方法。 1. **从jQuery到DOM**:jQuery对象可以很容易地转换成DOM...

    javascript 原生Dom对象和jQuery对象的联系和区别

    JavaScript中的DOM对象和jQuery对象是两种不同的数据结构,它们在处理网页元素时有着各自的特性和优缺点。了解它们之间的联系和区别对于JavaScript开发者来说至关重要,因为这有助于选择合适的工具进行网页交互。 ...

    jquery对象和dom对象

    DOM对象是JavaScript与HTML交互的基础,而jQuery对象通过封装DOM对象,提供了更为便利的操作接口。理解两者之间的关系和转换方法,对于提升JavaScript编程效率和代码质量具有重要意义。在实际项目中,灵活运用DOM...

    jquery dom对象 详细介绍1

    ### 二、jQuery对象与DOM对象 - **DOM对象**:通过JavaScript原生方法如`getElementById()`获取的元素,可以调用DOM提供的所有属性和方法。 - **jQuery对象**:通过jQuery的选择器或者`$(...)`包裹的元素集合,...

    jquery对象和dom对象.doc

    当我们谈论jQuery对象和DOM对象时,我们需要理解两者之间的基本差异和转换方法。 DOM(Document Object Model)是HTML和XML文档的结构表示,允许我们通过JavaScript来访问和修改网页内容。DOM对象是通过JavaScript...

    jQuery对象和DOM对象之间相互转换的方法介绍

    在Web开发中,经常需要在jQuery对象和DOM对象之间进行转换,以便可以利用各自对象的方法优势进行高效编程。jQuery对象是包装了DOM对象的类数组对象,它们之间的转换虽然看似简单,但在实际操作中却非常重要。 首先...

    jQuery学习资料之万能的选择器

    **DOM对象与jQuery对象的转换** - **DOM转jQuery**:通过`$(DOM对象)`可以将DOM对象转换为jQuery包装集。 - **jQuery转DOM**:可以使用索引访问包装集中的DOM对象,如`$("#testDiv")[0]`,或者在`.each()`遍历中,`...

    Jquery笔记.docx

    2. DOM对象与jQuery对象的转换 - DOM对象转换为jQuery对象:使用$()函数将DOM对象包裹起来,如`$(dom对象)`。 - jQuery对象转换为DOM对象:由于jQuery对象是一个数组,可以通过索引来获取DOM对象,如`jobj[0]`或`...

    jQuery权威指南-源代码

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

    初始jQuery

    2. **DOM对象与jQuery对象之间的转换** - **DOM对象转jQuery对象**:可以通过`$(DOM对象)`将DOM对象转换为jQuery对象,以便使用jQuery提供的强大功能。 - **jQuery对象转DOM对象**:可以通过索引(如`[0]`)或`....

    jQuery对象与DOM对象转换方法详解

    本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考,具体如下: jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,...

    jQuery对象与DOM对象之间的相互转换

    总的来说,熟练掌握jQuery对象与DOM对象之间的转换,能够使你在处理JavaScript项目时更加得心应手,提高代码的灵活性和可读性。在实际工作中,根据需求灵活选择使用jQuery对象或DOM对象,可以优化代码性能,提高开发...

    jQuery学习笔记之DOM对象和jQuery对象

    jQuery对象与DOM对象之间可以相互转换: 1. **从jQuery对象获取DOM对象**: - 数组索引方式:`var domObj = $jQueryObj[0];` - `get()`方法:`var domObj = $jQueryObj.get(0);` 2. **从DOM对象转换为jQuery对象...

    Jquery常用的方法汇总

    6. **DOM对象与jQuery对象的转换**: - `$(DOM对象)`:将DOM对象转换为jQuery对象。 - `DOM对象[index]` 或 `$(DOM对象).get(index)`:从jQuery对象获取DOM对象。 7. **Ajax操作**: - `$.ajax(options)`:发起...

    jquery对象和javascript对象即DOM对象相互转换

    总的来说,jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你更好地利用这两个世界的优点,提升代码的可读性和效率。在编写jQuery代码时,一定要注意选择合适的方法,避免混淆两者,这样...

    jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器

    本篇文章将深入探讨jQuery的基础知识,包括其基本介绍、使用步骤、jQuery对象与DOM对象的区别,以及jQuery的选择器。此外,我们还将讨论`mouseover`与`mouseenter`事件的区别、`index()`方法的用法以及如何区分...

Global site tag (gtag.js) - Google Analytics