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

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

     初学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博客
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 吊脚楼的特点 吊脚楼是哪个民族的 吊死鬼 吊死唁生 吊死 吊死鬼图片 吊死鬼虫子 吊死问疾 女警吊死 梦见吊死的人 在无限中杀死主神 吊死鬼哥哥 吊毛 吊毛什么意思 吊梨汤 老北京小吊梨汤 小吊梨汤团购 小吊梨汤为什么叫小吊 小吊梨汤北京分店 小吊梨汤的做法 吊汤 意大利吊灯 吊灯大全 吊灯安装 全铜吊灯 吊灯简笔画 吊灯价格 餐厅吊灯 大厅吊灯 商场吊灯 便宜吊灯 吊灯多少钱 吊灯吊链 过道吊灯 led吊灯 吊灯配件 奥朵吊灯 铜质吊灯 吊灯客厅 吊灯水晶 吊灯专卖 现代吊灯