您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

jquery对象与dom对象的区别有哪些?

2024/4/7 3:21:47发布14次查看
区别:jquery对象是使用jquery类库的选择器获得的对象,它是jquery独有的,可以使用jquery里的方法,但无法使用dom对象的任何方法;dom对象是使用javascript方法获得的对象,dom对象不能使用jquery方法。
相关推荐:《jquery视频教程》
一、dom对象、jquery对象1.1 dom对象文档对象模型简称dom,是w3c组织推荐的处理可扩展置标语言的标准编程接口。
dom实际上是以面向对象方式描述的文档模型。dom定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。通过dom,可以访问所有的 html 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。dom 独立于平台和编程语言。它可被任何编程语言诸如 java、javascript 和 vbscript 使用。dom对象,即是我们用传统的方法(javascript)获得的对象。dom准确说是对文档对象的一种规范标准(文档对象模型),标准只定义了属性和方法行为。1.2 jquery对象1)概述
jquery对象其实是一个javascript的数组,这个数组对象包含125个方法和4个属性
4个属性分别是:
jquery 当前的jquery框架版本号length 指示该数组对象的元素个数 .context 一般情况下都是指向htmldocument对象 .selector 传递进来的选择器内容jquery对象就是通过jquery包装dom对象后产生的对象。jquery对象是jquery独有的,其可以使用jquery里的方法,但是不能使用dom的方法;反过来dom对象也不能使用jquery的方法。
2)jquery对象和js对象区别
jquery对象属于js的数组jquery对象是通过jquery包装的dom对象后产生的jquery对象不能使用dom对象的方法和属性dom对象不能使用jquery对象的方法和属性3)jquery对象和js对象之间的相互转换
js转jquery对象$(js对象)jquery对象转js对象var doc2=$(#iddoc2)[0];   //转换jquery对象为dom对象  doc2.innerhtml=这是jquery的第一个dom对象    //使用jquery对象本身提供的get函数来返回指定集合位置的dom对象  var doc2=$(#iddoc2).get(0);  doc2.innerhtml=这是jquery的第二个dom对象
二、细说jquery对象和dom对象的区别与使用2.1 jquery对象和dom对象dom对象,即是我们用传统的方法(javascript)获得的对象,jquery对象即是用jquery类库的选择器获得的对象。
var domobj = document.getelementbyid(id); //dom对象var $obj = $(#id); //jquery对象;
jquery对象就是通过jquery包装dom对象后产生的对象,它是jquery独有的。如果一个对象是jquery对象,那么就可以使用jquery里的方法。
$(#foo).html(); //获取id为foo的元素内的html代码,html()是jquery特有的方法
等同于js中:
document.getelementbyid(foo).innerhtml;
注意:在jquery对象中无法使用dom对象的任何方法。
例如:
$(#id).innerhtml 和$(#id).checked之类的写法都是错误的
可以用
$(#id).html()和$(#id).attr (checked)之类的 jquery方法来代替。
同样,dom对象也不能使用jquery方法。学习jquery开始就应当树立正确的观念,分清jquery对象和dom对象之间的区别,之后学习 jquery就会轻松很多的。
2.2 jquery对象和dom对象的互相转换2.2.1 jquery对象转换成dom对象jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index)。
可能有人会觉得奇怪,怎么是用下标呢,没错,jquery对象就是一个数组对象。
举例:
var $cr=$(#cr); //jquery对象var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);alert(cr.checked); //检测这个checkbox是否给选中
2.2.2 dom对象转换成jquery对象对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了,
方法为$(dom对象);
举例:
var cr=document.getelementbyid(cr); //dom对象var $cr = $(cr); //转换成jquery对象
转换后可以任意使用jquery中的方法了。
三、总结一下dom对象才能使用dom中的方法,jquery对象不可以使用dom中的方法,但 jquery对象提供了一套更加完善的工具用于操作dom。
平时用到的jquery对象都是通过$()函数制造出来的,$()函数就是一个jquery对象的制造工厂。
注意:
如果获取的对象是 jquery对象,那么在变量前面加上$,这样方便容易识别出哪些是jquery对象。
举例:
var $variable = jquery对象;
如果获取的是dom对象,则定义如下:
var variable = dom对象
更多编程相关知识,请访问:编程视频!!
以上就是jquery对象与dom对象的区别有哪些?的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product