JQuery对象与DOM对象

开始以为jquery的$("#id") 与 js的document.getElementById("id")是一样的。但是当我对select使用selectedIndex属性的时候，发现前者不可以，而后者可以。


原来，jquery的$("#id")返回的是一个jquery对象，用document.getElementByID返回的却是DOM对象。简单说来就是：JQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。


jquery对象和DOM对象之间的相互转化


1.jQuery对象转成DOM对象


两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index); 


(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 


如：var $v =$("#v") ; //jQuery对象 


var v=$v[0];    //DOM对象 


alert(v.checked)   //检测这个checkbox是否被选中 


(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象 


如：var $v=$("#v");  //jQuery对象 


var v=$v.get(0);   //DOM对象 


alert(v.checked)  //检测这个checkbox是否被选中 


2. DOM对象转成jQuery对象
对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象) 


如：var v=document.getElementById("v");  //DOM对象 


var $v=$(v);    //jQuery对象 


转换后，就可以任意使用jQuery的方法了。