jquery对象和dom对象

我们都知道可以通过$(selector)的形式对所有页面的对象进行获取，但是获取到的对象和DOM对象有什么区别呢，下面探讨一下

1.DOM对象

　　

var div1=document.getElementById('div1');
div1.innerHTML='test';

这样表示获取一个dom对象，这个对象可以使用所有dom下的属性和方法

2.jquery对象呢

$('div').html();

这种写法表示获取一个jquery对象，这个对象可以使用jquery下的方法

其实，他们的区别就是

getELementById()获取的是一个dom对象，$('div')获取的是一个jquery对象，这个jquery对象是一个数组，这个数组里面的每一个元素都是一个dom对象，我们可以看一个例子来说明

function display(){
     var d=$('div');//d是一个jquery对象
     
     d[0].innerHTML='test';
     d[1].innerHTML='ceshi';//d[0],d[1]就是dom对象了              
}

同样，上面的这个例子就是jquery对象转换为dom对象，那么dom对象怎么转换为jquery对象呢

var d=document.getElementById('div1');
$(d).html('test');

这样就成功的把dom对象转换为jquery对象了