JQuery(一）
阿新 • • 發佈：2018-04-19
har 結構 數組下標 clas size 下標索引 相互 系列 它的
一、安裝環境
jQuery 每一個系列版本分為：壓縮版(compressed) 與 開發版(development)，我們在開發過程中使用開發版（開發版本便於代碼修改及調試），項目上線發布使用壓縮版（因為壓縮版本體積更小，效率更快）。
jQuery是一個JavaScript腳本庫，不需要特別的安裝，只需要我們在頁面 <head> 標簽內中，通過 script 標簽引入 jQuery 庫即可。
jQuery是一個類數組對象，而DOM對象就是一個單獨的DOM元素。
二、JQ與JS相互轉換
2.1 JQ對象轉換為DOM對象
<div>元素一</div> <div>元素二</div> <div>元素三</div>
JS代碼：
var $div = $(‘div‘) //jQuery對象
var div = $div[0] //轉化成DOM對象
div.style.color = ‘red‘ //操作dom對象的屬性
用jQuery找到所有的div元素（3個），因為jQuery對象也是一個數組結構，可以通過數組下標索引找到第一個div元素，通過返回的div對象，調用它的style屬性修改第一個div元素的顏色。這裏需要註意的一點是，數組的索引是從0開始的，也就是第一個元素下標是0。
jQuery對象自身提供一個.get() 方法允許我們直接訪問jQuery對象中相關的DOM節點，get方法中提供一個元素的索引：
var $div = $(‘div‘) //jQuery對象
var div = $div.get(0) //通過get方法，轉化成DOM對象
div.style.color = ‘red‘ //操作dom對象的屬性
JQuery(一）