jQuery 是Web 前端及開發的專業核心技術,本書主要講解了使用jQuery 框架制作網頁特效、jQuery 操作DOM、表單驗證、AJAX 調取數據、用jQuery 編寫插件等。
您是一名jQuery新手?或是您曾經向自己的Web頁面上添加過一些腳本,但想以一種更好的方式來實現它們?那么,本書非常適合您。本書不僅向廣大讀者展示了如何進行jQuery開發,同時還以一種簡單且視覺化的方式,教您有關開發的基礎知識。
目 錄
第 1 章 jQuery 入門 1
1.1 jQuery 簡介 2
1.2 獲取jQuery 2
1.3 使用jQuery 3
1.4 語法結構 5
1.4.1 工廠函數$() 5
1.4.2 選擇器 5
1.4.3 事件處理方法 5
1.5 jQuery 編碼風格 6
1.5.1 $的作用 7
1.5.2 連綴的編程模式 7
1.6 DOM 對象和jQuery 對象 8
1.6.1 DOM 模型 8
1.6.2 DOM 對象 10
1.6.3 jQuery 對象 10
1.6.4 jQuery 對象與DOM 對象的相互轉換 10
技能訓練 11
實戰案例:制作左側導航特效 11
本章總結 12
本章作業 12
第2 章 jQuery 選擇器 13
2.1 jQuery 選擇器概述 14
2.1.1 jQuery 選擇器的概念 14
2.1.2 jQuery 選擇器的優點 14
2.2 通過CSS 選擇器選取元素 15
2.2.1 基本選擇器 15
2.2.2 層次選擇器 18
2.2.3 屬性選擇器 22
2.3 條件過濾選取元素 25
2.3.1 基本過濾選擇器 25
2.3.2 可見性過濾選擇器 30
2.4 jQuery 選擇器注意事項 33
技能訓練 34
實戰案例:表格隔行變色 34
本章總結 34
本章作業 35
第3 章 jQuery 中的事件與動畫 36
3.1 事件 37
3.1.1 基礎事件 37
3.1.2 復合事件 42
3.2 綁定事件與移除事件 43
3.2.1 綁定事件 43
3.2.2 移除事件 45
3.3 動畫 46
3.3.1 控制元素顯示和隱藏 46
3.3.2 改變元素透明度 48
3.3.3 改變元素高度 50
技能訓練 51
實戰案例1:左導航特效 51
實戰案例2:制作登錄框特效 52
實戰案例3:制作聚劃算主導航 52
實戰案例4:制作列表頁 52
實戰案例5:聚美優品我的訂單頁 52
本章總結 54
本章作業 54
第4 章使用 jQuery 操作DOM 55
4.1 DOM 操作 56
4.1.1 DOM 操作分類 56
4.1.2 jQuery 中的DOM 操作 56
4.2 樣式操作 57
4.2.1 直接設置樣式 57
4.2.2 追加樣式和移除樣式 59
4.2.3 切換樣式 61
4.3 內容操作 62
4.3.1 HTML 代碼操作 62
4.3.2 標簽內容操作 63
4.3.3 屬性值操作 65
4.4 節點與屬性操作 66
4.4.1 節點操作 66
4.4.2 屬性操作 71
4.5 節點遍歷 73
4.5.1 屬性操作 74
4.5.2 遍歷同輩元素 74
4.5.3 遍歷前輩元素 75
4.6 CSS-DOM 操作 76
技能訓練 77
實戰案例1:制作今日團購模塊 77
實戰案例2:制作1 號店登錄框特效 77
實戰案例3:制作員工信息模塊 77
本章總結 78
本章作業 78
第5 章表單驗證 79
5.1 表單基本驗證技術 80
5.1.1 表單驗證的重要性 80
5.1.2 表單驗證的內容 80
5.1.3 表單驗證的思路 81
5.1.4 校驗提示特效 87
5.2 正則表達式 91
5.2.1 正則表達式的重要性 91
5.2.2 什么是正則表達式 92
5.2.3 正則表達式的應用 94
5.3 表單選擇器 96
5.3.1 表單選擇器簡介 96
5.3.2 驗證多行數據 99
技能訓練 103
實戰案例1:驗證注冊頁面的電子郵箱 103
實戰案例2:使用文本提示的方式,驗證注冊頁面 104
實戰案例3:使用正則表達式驗證注冊頁 104
實戰案例4:實現工作經歷動態維護表單和驗證 105
本章總結 105
本章作業 106
第6 章 AJAX 107
6.1 初識AJAX 108
6.1.1 AJAX 的關鍵元素 109
6.1.2 AJAX 異步連接 110
6.2 GET 和POST 方法 114
6.3 異步處理XML 異步數據 116
6.3.1 XML 格式概述 116
6.3.2 jQuery 從服務器端輸出XML 格式數據 116
6.4 jQuery 使用JSON 格式數據 121
6.4.1 使用JSON 的必要性 121
6.4.2 JSON 的介紹 122
6.4.3 使用JSON 數據 124
6.4.4 綜合示例:實現級聯下拉菜單 125
技能訓練 128
實戰案例1:掌握創建使用XML 數據的AJAX 程序 128
實戰案例2:掌握創建使用JSON 數據的AJAX 程序 128
本章總結 128
本章作業 129
第7 章開發插件 130
7.1 添加新的全局函數 130
7.1.1 添加多個函數 131
7.1.2 關鍵所在 132
7.1.3 創建實用方法 132
7.2 添加jQuery 對象方法 134
7.3 擴展$.fn 對象 134
7.3.1 對象方法的環境 134
7.3.2 方法連綴 136
7.4 DOM 遍歷方法 137
7.5 方法的參數 140
7.5.1 簡單參數 141
7.5.2 參數映射 142
7.5.3 默認參數值 142
7.5.4 回調函數 143
7.5.5 可定制的默認值 144
7.6 添加選擇符表達式 145
7.7 共享插件 147
7.7.1 命名約定 147
7.7.2 別名$的使用 148
7.7.3 方法接口 148
7.7.4 文檔格式 148
技能訓練 148
實戰案例1:求數組中的和 148
實戰案例2:編寫插件并操作DOM 149
實戰案例3:文字顯示或隱藏 149
本章總結 150
本章作業 150
第8 章項目案例:易鎂科技 151
8.1 案例分析 151
8.1.1 需求概述 152
8.1.2 開發環境