jQuery对象和DOM对象
第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是DOM对象,因此需要重点了解jQuery 对
象和DOM 对象以及他们之间的关系?
1DOM 对象,即是我们用传统的方法(javaScript)获得的对象,jQuery 对象即是jQuery类库的选择器
获得的对象;
如:var domObj = document.getElementById("id"); //DOM对象
如:var $obj = $("#id"); //jQuery对象
2.JQuery对象就是通过jQuery 包装DOM对象后产生的对象,它是jQuery独有的。如果一个对象是
jQuery对象,那么就可以使用jQuery里的方法;
如:$("#foo").html(); //获取id为foo的元素内的html代码,(html() 是jQuery特有的方法); 等同于DOM中:
document.getElementById("foo").innerHTML
注意:jQuery对象中无法使用DOM对象的任何方法。如:$("#id").innerHTML 和$("#id").checked之类的
写法都是错误的,可以用$("#id").html()和$("#id").attr ("checked")之类的 jQuery方法来代替。同样,DOM对
象也不能使用jQuery方法。
学习jQuery 开始就应当树立正确的观念
1.分清jQuery 对象和DOM 对象之间的区别,之后学习jQuery 就会轻松很多
2.jQuery 对象和DOM对象的互换在上面第一点说了,jQuery 对象和DOM对象是不一样的!
比如jQuery对象不能使用DOM对象的方法,DOM对象不能使用jQuery方法,那假如我使用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对象转换成jQuery对象?
对于一个DOM对象,只需要用$()把 DOM对象包装起来,就可以获得一个jQuery 对象了,
代码:
var cr=document.getElementById("cr"); //dom对象
var $cr = $(cr);
//转换成jquery对象转换后可以任意使用jquery中的方法了
通过以上的方法,可以任意的相互转换jQuery 对象和DOM对象.