jQuery对象、DOM对象

来源:互联网 发布:单片机压力测控系统 编辑:程序博客网 时间:2024/04/28 05:33
jQuery对象 :通过jQuery包装DOM对象后产生的对象。
(1)jQuery对象是jQuery独有的,可以使用jQuery里面的方法。
比如:我要获取ID为"test"的元素内的html,在jQuery里面就是:$("test").html();
等同于 document.getElementById("id").innerHTML;
(2)虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。
比如: $("#test").innerHTML、document.getElementById("id").html() 写法是错的。
jQuery对象转成DOM对象 :两种转换方式
(1)若jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。
比如:var a = $("#test"); //a 是一个jQuery对象
var b = a[0]; //b是一个DOM对象
(2)由jQuery自身提供,通过.get(index)方法,得到相应的DOM对象。
比如:var a = $("#test");
var b = a.get(0);
DOM对象转成jQuery对象
如果已经是一个DOM对象了,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象 。转换后,就可以任意使用jQuery的方法 。
比如:var a = document.getElementById("test"); //DOM对象
var b = $(a); //jQuery对象
特别注意:jQuery 和 DOM对象 不能交叉使用各自的方法,需要转换。
0 0
原创粉丝点击