《jQuery基礎教程》筆記（1）

標籤：class   java   使用   資料   javascript   html   

jQuery簡介

jQuery是最常見的JavaScript架構之一，開發人員藉助於像jQuery這樣的JavaScript庫，實現了常見任務的自動化和複雜任務的簡單化。

jQuery的主要功能

1. 取得文檔中的元素 —— jQuery為準確地擷取需要檢查或操縱的文件項目，提供了可靠而富有效率的選擇符機制。

2. 修改頁面的外觀 —— jQuery提供了跨瀏覽器的標準解決方案，即便在頁面呈現以後，仍然可以改變文檔中某個部分的類或者個別的樣式屬性。

3. 改變文檔的內容 —— jQuery可以改變文本、插入或翻轉映像、列表重新排序、對HTML文檔整個結構的重寫和擴充。

4. 響應使用者的互動操作 —— jQuery提供了截獲形形色色的頁面事件的適當方式。

5. 為頁面添加動態效果 —— jQuery中內建的一批淡入、擦除之類的效果，以及製作新效果的工具包，實現了動態效果。

6. 無需重新整理頁面從伺服器擷取資訊 —— 這種模式即Ajax，jQuery消除了這種模式中的瀏覽器特定的複雜性。

7. 簡化常見的JavaScript任務 —— jQuery改進了對基本JavaScript資料結構的操作，例如迭代和數組操作。

jQuery的主要特點

1. 利用CSS的優勢 —— 通過將尋找頁面元素的機制構建於CSS選擇符之上，jQuery繼承了簡明清晰地表達文檔結構的方式。

2. 支援擴充 —— 為了避免特性蠕變（特性蔓延），jQuery將特殊情況下使用的工具歸入外掛程式當中。

3. 抽象瀏覽器不一致性 —— jQuery添加一個抽象層來標準化常見的任務，很大程度上解決了瀏覽器對標準化實現的差異性。

4. 總是面向集合 —— jQuery利用隱式迭代的技術，自動操作對象集合，拋棄了迴圈結構。

5. 將多重操作集於一行 —— 採用了連綴的編程模式。

jQuery代碼

$()函數：通過$()工廠函數選擇文檔中的某一部分，$()函數返回一個新的jQuery對象執行個體。

$(document).ready() ：支援預定在DOM載入完畢後調用某個函數，而不必等待頁面中的映像載入。

.addClass()：為頁面的某些部分應用額外的樣式。