我们都知道可以通过$(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对象了