如何区别JQuery对象和DOM对象以及互转方式

来源:互联网 发布:行政级轿车 知乎 编辑:程序博客网 时间:2024/06/16 07:53

     初学jQuery,会对jQuery对象和DOM对象心存很大的疑惑,因此有必要明白他们之间的区别和联系。

DOM对象是我们用传统的方法(javascript)获得的对象,jQuery对象就是用jQuery的类库选择器获得的对象。JQuery对象就是通过jQuery包装DOM对象后产生的对象。JQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;

     例如:

         $("#color").html();//获取id为color的元素内的html代码,html()是jQuery特有的方法;
     它等同于:
        document.getElementById("color").innerHTML;

    DOM对象就是javascript固有的一些对象。DOM对象能使用javascript固有的方法,但是不能使用jQuery里面的方法。

例如$("#id").innerHTML 和$("#id").checked之类的写法都是错误的,可以用$("#id").html()和$("#id").attr("checked")之类的 jQuery方法来代替。

 var domObj =document.getElementById("id"); //DOM对象
var $obj =$("#id"); //jQuery对象;

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

    jQuery对象转换成DOM对象

    jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index)。可能有人会觉得奇怪,怎么是用下标呢,没错,jquery对象就是一个数组对象.
下面代码将演示一个jquery对象转换成dom对象,再使用dom对象的方法

代码如下:

var$cr=$("#cr"); //jquery对象
var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);
alert(cr.checked); //检测这个checkbox是否给选中

dom对象转换成jquery对象
对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了,方法为$(dom对象);
复制代码 代码如下:

varcr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象

转换后可以任意使用jquery中的方法了.

阅读全文
'); })();
0 0
原创粉丝点击
热门IT博客
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 胸闷气短浑身没劲是怎么回事 英雄气短是什么意思 气磨机 风磨机 气磨机图片 气笔顺 气字笔顺 气笔顺笔画顺序怎么写 气的笔顺笔画顺序 气的笔顺怎么写 气字的笔顺 气管炎药 气管炎传染 气管炎咳嗽 气管炎传染吗 气管炎丸 急性气管炎 气管炎支气管炎 小孩气管炎咳嗽 过敏性气管炎 小孩气管炎 小儿气管炎 复方气管炎片 儿童气管炎 气管炎会不会传染 慢性气管炎症状 儿童气管炎咳嗽 急性喉气管炎 宝宝气管炎 婴儿气管炎的症状 喉气管炎 气管炎症状及表现 气管炎会传染吗 气管炎严重吗 气管炎遗传吗 咳嗽气管炎 气管炎咳嗽的症状 小孩子气管炎咳嗽 小孩子气管炎 气管炎能好吗 气管炎几天能好