jQuery对象------02

目录

一: DOM对象

二: jQuery对象

三: 深入探讨jQuery对象

四: jQuery对象转DOM对象

五:  DOM对象转jQuery对象

---

一: 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