網頁設計筆記

jQuery的口號是 ：write less, do more (寫得更少，實現的更多) 。

jQuery是一套運用 JavaScript來與 HTML和 CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。

jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現視覺效果。

名詞釋義

1. JavaScript：JavaScript (簡稱 JS) 是具有一級函數 (First-class functions) 的輕量級、直譯式或即時編譯（JIT-compiled）的程式語言。它因為用作網頁的腳本語言而大為知名，但也用於許多非瀏覽器的環境，像是 node.js、Apache CouchDB。JavaScript 是一個基於原型的 (Prototype-based)、多範型的、動態語言，支援物件導向、指令式以及宣告式 (如函數式程式設計) 風格。 閱讀｜關於 JavaScript 以取得更多資訊。

   參考文章｜ MND｜JavaScript

2. jQuery：jQuery是一個快速，小型且功能豐富的JavaScript庫。通過易於使用的API（可在多種瀏覽器中使用），它使HTML文檔的遍歷和操作，事件處理，動畫和Ajax等事情變得更加簡單。兼具多功能性和可擴展性，jQuery改變了數百萬人編寫JavaScript的方式。

   參考文章｜ jQuery

jQuery官方網站

1. jQuery介面｜測試練習

   jQuery UI是在jQuery JavaScript庫之上構建的一組精選的用戶界面互動效果、小部件和主題。無論是構建高度互動的Web應用程序，還是只需要向表單控件添加日期選擇器，jQuery UI都是最佳選擇。



---

2. 下載jQuery

   可以使用jQuery文件的壓縮和未壓縮副本。

Query教學

• Query教學｜基礎篇

「快速選取元素」並且「做一些事情」

語法釋義：選取($)文件內所有的 div 元素，以兩秒鐘(2000)的速度 淡入 (.fadeIn) 出現

語法釋義：

1. 語法皆置於＜head＞ ＜/head＞ 內。
2. 連接jQuary官網 CSS(.css)與 juaryScript(.js)檔案，以作為效果連動。

   

3. 先讓整體 消失.hide()，再以 兩秒時間淡入出現.fadeIn(2000)。

   

以tabs為範例，應用於作業中

Tabs底色CSS修改