jquery对象和dom对象的辨析和相互转化

jquery对象和dom对象总是让人感觉很难分清，其实只要做到1对两者概念有明确认识2找出不同点

Ａ

ＤＯＭ

1概念

　　DOM对象（Document Object Model,文档对象模型）可以把html结构表述为DOM树，在这棵大树中，html的body中的<h><p><ul>>><li>都是DOM元素节点

2获取

　　通过ｊａｖａｓｃｒｉｐｔ中的ｇｅｔＥｌｅｍｅｎｔＢｙＴａｇＮａｍｅ或者ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ来获取元素节点

ＪＱＵＥＲＹ

　１概念

　　ｊｑｕｅｒｙ对象即是通过ｊＱｕｅｒｙ包装ＤＯＭ对象后产生的对象，ｊｑｕｅｒｙ对象是其独有的，可以使用ｊｑｕｅｒｙ里的方法，但却无法使用DOM对象的任何方法，ＤＯＭ对象同此理

　Ｂ相互转化

１ｊｑｕｅｒｙ　ｉｎｖｅｒｔ　ＤＯＭ

ｖａｒ　＄ｃｒ＝＄（＂＃ｃｒ＂）；
ｖａｒ　ｃｒ＝＄ｃｒ［０］；

／／Ｔｈｅ　ｓｅｃｏｎｄ　ｗａｙ
ｖａｒ　＄ｃｒ＝＄（＂＃ｃｒ＂）；
ｖａｒ　ｃｒ　＝＄ｃｒ．ｇｅｔ（０）；

２　ｄｏｍ　　ｉｎｖｅｒｔ　ＪＱ

ｖａｒ　　ｃｒ＝ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（＂ｃｒ＂）；
ｖａｒ　＄ｃｒ＝＄（ｃｒ）；

时间： 2024-11-10 14:30:24

jquery对象和dom对象的辨析和相互转化的相关文章

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

Jquery对象和DOM对象的区别

1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码代码如下: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //j

什么是jquery $ jQuery对象和DOM对象和一些选择器

1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的方法名太长,难记4.代码容错性较差5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉 3 jQuery版本介绍: 大版本 : 1 2 3 1 兼容ie6.7.8 2 3 不兼容小版本: 压缩版(生产环境中用) 没有注释没有换行没有空格变量名都是 a b c d 这种模式体积特别

jQuery对象与dom对象的转换

jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对象.普通的dom对象一般可以通过$()转换成jquery对象.如:$(document.getElementByIdx_x("msg"))则为jquery对象,可以使用jquery的方法.由于jquery对象本身是一个集合.所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取

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

什么是DOM对象使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象.比如使用document.getElement*系列的方法返回的就是dom对象. var btn = document.getElementById("btnShowDiv"); var divs = document.getElementsByTagName("div"); dom对象只可以使用dom对象的方法和属性 domObject.innerHTML = "

二，jquery对象与 dom对象关系

dom对象就是jquery对象的数组组成部分 1,jquery对象----->dom对象: $()[下标],可以调用dome方法 2 dom对象----->jquery对象:$(dom对象),可以调用jquery方法

关于jquery对象和DOM对象的区别

这个问题的出现是因为自己对jquery不够了解,只会获取简单的Demo,做简单的操作,将jquery的很多方法和js中的混淆,以为js中的很多方法,在jquery中也可以使用,这是完全错误的理解! 所以有空jquery也要好好学习!(列为工作时间之外的任务) 下面摘自某些作者的论述,感觉总结的很到位,分享如下,并作为一个记录! jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象

jquery对象和DOM对象的相互转换

在讨论jquery对象和DOM对象的相互转换之前,先约定好定义变量的风格如果获取的是jquery对象,那么在变量前面加上$,例如 var $varible = jquery对象: 如果获取的是DOM对象,则定义如下: var varible = DOM对象: 1.jquery对象转成DOM对象: jquery对象不能使用DOM中的方法,但如果对jquery对象所提供的方法不熟悉,或者没有jquery想封装的方法,不得不使用DOM对象,即[index]和get[index]. (1)jquery对

jQuery对象与Dom对象的相互转换

1.jQuery对象转换为Dom对象 [index] var $d = $("#id"); var d = $d[0]; get(index) var $d = $("#id"); var d = $d.get(0); 2.Dom对象转换为jQuery对象 var d = document.getElementById("id"); var $d = $(d); 备注: Dom对象才能使用Dom中的方法,jQuery对象不可以使用Dom中的方法,