前言
上篇文章：前端學習(二)-士兵行走案例
在上章我們通過js自帶的功能實現了一個簡單的士兵行走的動畫，本章將引入函數庫jQuery，使我們前端開發變得更加快捷和高效。
jQuery函數庫
jQuery是一個javascript庫，裏面封裝了大量的函數和對象供開發者使用，使開發者開發變得簡單、高效。
jQuery API中文文檔：http://jquery.cuishifeng.cn/
對象
jQuery對象用$表示，jQuery基於js，額外提供了豐富的選擇器，如":first"、":last"、“even”、“odd”、“gt()”、"lt()"等。
操作標籤文本
通過html()操作非表單元素的文本內容。
通過val()操作表單元素的文本內容。
特效函數
jQuery還提供了一些特效函數供開發者使用。
- slideUp()：收起標籤。
- slideDown()：展開標籤。
- fadeOut()：淡出。
- fadeIn()：淡入。
動畫
jQuery提供了一個動畫函數animate，我們常見輪播圖等都可以通過該函數實現，接下來的實踐中，我們會大量用到該函數。
jQueryUI
jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。該插件封裝好了一些成熟的組件，開發者可直接調用，省去了重複造輪子的功能。
官網中有詳細的功能介紹和使用方法。
jQuery UI官網：https://jqueryui.com/
總結
jQuery提供了非常多強大的功能，本文中只是冰山一角，大家如果想要深入瞭解，可以自行前往官網或者w3c網站學習，接下來我們將使用jQuery來完成幾個小案例的開發，只有真正做出來的東西纔是自己的。
下篇傳送門：前端學習(四)-輪播圖案例