4-3. 認識 jQuery 函式庫
常見 JavaScript 函式庫
JavaScript 函式庫是指協助 Javascript 語言開發的函式庫，可以幫助網頁設計者更快速地撰寫網頁， 多數的 JavaScript 函式庫會提供精簡化的 DOM 操作函式或是解決跨瀏覽器相容性的問題等等。
參考：常見JavaScript函式庫
常見熱門好用的 JS 框架(framework、library)： 2006 jQuery、 2014 Vue.js、 2009 Angular JS、 2014 Angular 2、 2011 React JS … 。
流行框架趨勢統計參考
認識 jQuery
認識 jQuery
jQuery 是一套跨瀏覽器的 JavaScript 函式庫，簡化 HTML 與 JavaScript 之間的操作， 是目前最受歡迎的 JavaScript 函式庫。 【jQuery 官網連結】
jQuery的優勢：
- ----功能強檔案小
- ----簡潔的程式碼
- ----完善便利的選取器
- ----可靠的事件處理機制
- ----出色的跨瀏覽器相容性
- ----隱性的反覆運算
- ----雷同CSS的選取器
- ----延伸豐富的plugin及UI
jQuery 如何寫？
如何寫 jQuery 程式碼
方法一：先下載jQuery函式庫檔案 【http://jquery.com/ → Download jQuery】
- 在 <head> </head> 區內最後一行或是 <body> </body> 區內最後一行
- 以 <script src="xxx"> </script> 標籤載入 jQuery 函式庫檔案
- 再以 <script> </script> 標籤編寫想呈現的Script程式碼
例如下圖：
方法二：直接連線到 CDN 主機，直接載入 jQuery 函式庫檔案 （建議以下二選一，拷貝貼上到 </body> 前一行即可）
- <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
- <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
例如下圖：
熟悉 jQuery 的核心基礎 ( jQuery 撰寫精神 )
