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