`
crud0906
  • 浏览: 134644 次
  • 性别: 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简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别

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

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

    jquery dom对象 详细介绍1

    jquery 基本 层级 控制器 可见性 属性 子元素 表单对象属性 dom对象 等详细的一些操作~ 详细 简单~易懂 实用!

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

    NULL 博文链接:https://zl378837964.iteye.com/blog/2327825

    关于dom和jquery对象理解

    关于dom和jquery对象理解

    jQuery权威指南-源代码

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

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

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

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

    DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。例如:document.getElementById(“img”).src = “test.jpg”;这里的document.getElemen

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

    主要介绍了jQuery对象和DOM对象之间相互转换的方法介绍,本文讲解了jQuery对象转成DOM对象、DOM对象转换成jQuery对象方法,需要的朋友可以参考下

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

    1、jQuery对象转换成DOM对象 jQuery对象不能使用DOM中的方法,但如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不使用DOM对象的时候,有以下两种处理方法: 1、jQuery对象是一个类似数组...

    jquery对象和dom对象.doc

    jquery对象和dom对象.doc

    jQuery之DOM对象和jQuery对象的转换与区别分析

    本文实例分析了DOM对象和jQuery对象的转换与区别。分享给大家供大家参考。具体分析如下: jQuery Hello World程序: [removed] 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中...

    JQuery权威指南源代码

    第1章 第一个简单的jQuery程序 jQuery事件的链式写法 控制jQuery对象 jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 ...DOM对象与jQuery对象的类型转换 第11章 应用案例-聊天室系统 应用案例_图片切割

    jquery技巧总结

    2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成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常用技巧 超赞!

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

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

    jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器、mouseover与mouseenter、index方法、区分jQuery与Javascript

    jquery对象和DOM对象的区别介绍

    (http://shawphy.com/jqueryapi/ 这里是最新文档,有离线版下载) 第三步,深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是...

    jQueryAPI_CHM(1.3).CHM与语法总结

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

Global site tag (gtag.js) - Google Analytics