jQuery物件------02
阿新 • • 發佈:2019-01-05
目錄
一: 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