DOM對象和jQuery對象

標籤：

1、DOM對象

 　　Document Object Model，文件物件模型。通過html Dom可訪問所有元素

　　擷取方法有：1.通過id找到元素 document.getElementById("id")

　　　　　　　　2.通過標籤名找到元素對象集合  document.getElementsByTagName("");

 　　　　　　　  3.通過名稱找到元素對象集合  document.getElementsByName(name);

 

 2、jQuery對象

　　通過jQuery封裝DOM對象後產生的對象，是jQuery專屬的。如果一個對象是jQuery對象，那麼就能使用jQuery裡的方法。

 

註：jQuery對象無法使用Dom對象的任何方法，反之同樣。

兩者可以通過相互轉換來使用該對象的方法。

　　1.Dom對象轉成jQuery對象

　　　　對於一個DOM對象，只需要用$()把dom對象封裝起來，就可以獲得一個jQuery對象

var domObj = document.getElementById("zero"); //dom對象var $zero = $(domObj); //jQuery對象

 

　　2.jQuery對象轉成Dom對象

　　　　1.jQuery對象是一個數組對象，可以通過[index]的方法得到Dom對象

var $zero = $("#zero");var zero = $zero[0];console.log(zero.innerHTML);

　　　　2.通過get(index);

var $top = $(".top");var top = $top.get(0);console.log(top.innerHTML);

 

DOM對象和jQuery對象