jQuery物件與DOM物件的區別和聯絡
阿新 • • 發佈：2018-12-09
要點：
1.DOM物件是js和jQuery需要操作的物件，是通過原生js獲取物件的方式獲取到的，
jQuery物件是通過呼叫jQuery中獲取元素方式獲取到的DOM物件的集合，儲存在偽陣列中。
2.jQuery是一個儲存DOM物件的偽陣列物件，所以需要通過偽陣列獲取特定物件的方法獲取到準確的DOM物件再來操作
獲取方式有兩種，一直接通過偽陣列的索引操作，二通過.get()方法獲取，例子中有。
3.將DOM物件轉換為jQuery物件通過 var $obj = $(domObj)。
程式碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>第1個li標籤</li> <li>第2個li標籤</li> <li>第3個li標籤</li> <li>第4個li標籤</li> <li>第5個li標籤</li> <li>第6個li標籤</li> <li>第7個li標籤</li> <li>第8個li標籤</li> <li>第9個li標籤</li> <li>第10個li標籤</li> </ul> <script src="jquery-1.12.4.js"></script> <script type="text/javascript"> var lis = $("li"); // 通過jQUery地方式獲取地物件就是jQuery物件，獲取的是一個DOM物件的集合 // 儲存在偽陣列中 for(var i=0; i<lis.length; i++){ if(i % 2 == 0){ lis[i].style.backgroundColor = "blue"; // 通過偽陣列呼叫的方式可以將jquery物件特定的DOM物件獲取出來 // 另一種方式是get() }else{ lis.get(i).style.backgroundColor = "yellow"; } } </script> </body> </html>
效果：
