目录
一: DOM对象
DOM对象 :通过getElementById获取的对象,我们都称之为DOM对象
eg: document.getElementById(id);
document.getElementsByName(name);
document.getElementsByTagName(tagName);
=>这几种方式获取的对象都是DOM对象
二: jQuery对象
jQuery对象 :在jQuery中,通过$符号获取的元素,我们都称之为jQuery对象
=>DOM对象不能调用jQuery对象的属性或方法,jQuery对象也不可以调用dom对象的属性或方法。
三: 深入探讨jQuery对象
=>jQuery对象其实质就是一个DOM对象的集合,当前jQuery获取多少个元素,那么jQuery对象的
长度就是元素的个数,每一个元素其本质又都是一个DOM对象。
四: jQuery对象转DOM对象
<a> jQuery对象[索引] == DOM对象
<b> jQuery对象.get(索引) == DOM对象
<div>您好</div>
<div id='div1'>Word</div>
<div></div>
eg: 弹出您好
var div=$('div');
alert(div[0].innerHTML); //jQuery对象转DOM对象后弹出
alert(div.html()); //jQuery直接弹出
五: DOM对象转jQuery对象
=>DOM对象转化为jQuery对象只需要在DOM对象前面加$符号;
$(DOM对象) == jQuery对象
eg: var div1=document.getElementById('div1'); //DOM对象
alert(div1.innerHTML); //通过DOM对象弹出word
alert($(div1).html());//DOM对象转化为jQuery对象后弹出word