1. 程式人生 > >jQuery物件------02

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