Jquery基礎筆記一

## 今日內容
    1. JQuery 基礎：
        1. 概念
        2. 快速入門
        3. JQuery物件和JS物件區別與轉換
        4. 選擇器
        5. DOM操作
        6. 案例

# JQuery 基礎：
    1. 概念： 一個JavaScript框架。簡化JS開發
        * jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript程式碼庫（或JavaScript框架）。jQuery設計的宗旨    是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供一種簡便的JavaScript設計模式，優    化HTML文件操作、事件處理、動畫設計和Ajax互動。

        * JavaScript框架：本質上就是一些js檔案，封裝了js的原生程式碼而已
    2. 快速入門
        1. 步驟：
            1. 下載JQuery
                * 目前jQuery有三個大版本：
                    1.x：相容ie678,使用最為廣泛的，官方只做BUG維護，
                         功能不再新增。因此一般專案來說，使用1.x版本就可以了，
                         最終版本：1.12.4 (2016年5月20日)
                    2.x：不相容ie678，很少有人使用，官方只做BUG維護，
                         功能不再新增。如果不考慮相容低版本的瀏覽器可以使用2.x，
                         最終版本：2.2.4 (2016年5月20日)
                    3.x：不相容ie678，只支援最新的瀏覽器。除非特殊要求，
                         一般不會使用3.x版本的，很多老的jQuery外掛不支援這個版本。
                         目前該版本是官方主要更新維護的版本。最新版本：3.2.1（2017年3月20日）
                * jquery-xxx.js 與 jquery-xxx.min.js區別：
                    1. jquery-xxx.js：開發版本。給程式設計師看的，有良好的縮排和註釋。體積大一些
                    2. jquery-xxx.min.js：生產版本。程式中使用，沒有縮排。體積小一些。程式載入更快

            2. 匯入JQuery的js檔案：匯入min.js檔案
            3. 使用
                var div1 = $("#div1");
                   alert(div1.html());
    3. JQuery物件和JS物件區別與轉換
        1. JQuery物件在操作時，更加方便。
        2. JQuery物件和js物件方法不通用的.
        3. 兩者相互轉換
            * jq -- > js : jq物件[索引] 或者 jq物件.get(索引)
            * js -- > jq : $(js物件)