1. JQuery对象和dom对象的区别?
DOM对象
所谓的DOM对象是指我们通过JavaScript(传统的方法)来获取的对象,它是一个浏览器自带的对象,DOM对象只能调用DOM中的属性和方法。
JQuery对象
JQuery对象就是用JQuery的类库选择器获得的对象,并且JQuery对象是一个数组。其实JQuery对象就是通过JQuery包装DOM对象后产生的对象。JQuery对象是JQuery独有的对象,可以使用JQuery里的方法,但是不能使用DOM对象中的属性和方法。
2. JQuery对象转换成DOM对象
前面已经介绍过了,JQuery是一个数组,所以要转成DOM对象自然就要通过方法或者是下标了。
<1>通过下标的方式获取
var $cr = $("#cr"); //jQuery对象
var cr = $cr[0] //DOM对象
alert(cr.checked) //检测这个checkbox是否选中了
<2>通过get(index)的方式来获取
var $cr = $("#cr");
var cr = $cr.get(0);
alert(cr.checked);
3. DOM对象转换成JQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个JQuery对象了,方式为:$(DOM对象)
var cr = document.getElementByID("cr"); //DOM对象
var $cr = $(cr);
4. 书写建议
我们平时用到的JQuery对象都是通过$()函数制造出来的,$()函数就相当于jquery对象的制造工厂。
如果获取的对象是 jquery对象,那么在变量前面加上$,这样方便容易识别出哪些是jquery对象,例如:
var $variable = jquery对象;
如果获取的DOM对象,则定义如下:
var variable = dom对象