一、jQuery簡介

1、什麼是jQuery

#jQuery 是一個高效、精簡併且功能豐富的JavaScript工具庫
 #jQuery極大的簡化了JavaScript程式設計

2、為何要用jQuery

jQuery的優勢（jQuery的宗旨就是：“Write less, do more.“）
#1、開源 免費
#2、一款輕量級的JS框架。jQuery核心js檔案才幾十kb，不會影響頁面載入速度。
#3、便捷的選擇器與DOM操作，
#4、鏈式表示式。jQuery的鏈式操作可以把多個操作寫在一行程式碼裡，更加簡潔。
#5、事件、樣式、動畫支援。jQuery還簡化了js操作css的程式碼，並且程式碼的可讀性也比js要強。
 

#6、Ajax操作支援。jQuery簡化了AJAX操作，後端只需返回一個JSON格式的字串就能完成與前端的通訊。
#7、跨瀏覽器相容。jQuery基本相容了現在主流的瀏覽器，不用再為瀏覽器的相容問題而傷透腦筋。
#8、外掛擴充套件開發。jQuery有著豐富的第三方的外掛，例如：樹形選單、日期控制元件、圖片切換外掛、彈出視窗等等基本前端頁面上的元件都有對應外掛，並且用jQuery外掛做出來的效果很炫，並且可以根據自己需要去改寫和封裝外掛，簡單實用。

3 、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，只支援最新的瀏覽器。需要注意的是很多老的jQuery外掛不支援3.x版。目前該版本是官方主要更新維護的版本。

#ps：維護IE678是一件讓人頭疼的事情，一般我們都會額外載入一個CSS和JS單獨處理。
　　　值得慶幸的是使用這些瀏覽器的人也逐步減少，PC端使用者已經逐步被移動端使用者所取代，如果沒有特殊要求的話，一般都會選擇放棄對678的支援。

4 、jQuery相關網站

官網 https://jquery.com/
文件API： http:
 
//jquery.cuishifeng.cn/index.html

二、Jquery基本使用

1、先下載到本地，然後引用，才能使用（推薦下載壓縮版）

#方式一：本地引入
<script src="jquery-3.3.1.min.js"></script>
<script>
    //注意，一定在引入jQuery之後，再使用jQuery提供的各種操作
</script>

#方式二：直接使用CDN
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
    code...
</script>