第1章 初識jQuery 1

任務(wù)1.1　下載和引入jQuery　2

任務(wù)需求　2

知識儲備　2

1．什么是jQuery　2

2．Visual　Studio Code編輯器　2

任務(wù)實現(xiàn)　8

任務(wù)1.2　jQuery的簡單使用　9

任務(wù)需求　9

知識儲備　10

1．jQuery的主要功能　10

2．$()函數(shù)　11

3．jQuery對象　12

4．選擇器　13

5．on()方法　15

6．鼠標(biāo)事件　16

7．css()方法　17

任務(wù)實現(xiàn)　17

本章小結(jié)　19

課后習(xí)題　19

第2章　jQuery實現(xiàn)多樣化菜單　21

任務(wù)2.1　下拉菜單　21

任務(wù)需求　21

知識儲備　22

1．顯示和隱藏元素的方法　22

2．查找元素的方法　23

任務(wù)實現(xiàn)　24

任務(wù)2.2　折疊式菜單　28

任務(wù)需求　28

任務(wù)實現(xiàn)　29

任務(wù)2.3　熱賣展示菜單　32

任務(wù)需求　32

知識儲備　33

1．獲取元素索引　33

2．根據(jù)索引取出元素　33

任務(wù)實現(xiàn)　34

任務(wù)2.4　左進(jìn)左出導(dǎo)航菜單　37

任務(wù)需求　37

知識儲備　38

任務(wù)實現(xiàn)　39

本章小結(jié)　43

課后習(xí)題　43

第3章　jQuery實現(xiàn)頁面交互

（上）　45

任務(wù)3.1　Tab欄切換　45

任務(wù)需求　45

知識儲備　46

1．元素class屬性操作　46

2．元素過濾操作　47

任務(wù)實現(xiàn)　48

任務(wù)3.2　返回頁面頂部　51

任務(wù)需求　51

知識儲備　52

1．瀏覽器事件　52

2．元素位置操作　52

任務(wù)實現(xiàn)　54

任務(wù)3.3　高亮顯示圖像　56

任務(wù)需求　56

知識儲備　56

任務(wù)實現(xiàn)　57

任務(wù)3.4　留言板　60

任務(wù)需求　60

知識儲備　61

1．元素內(nèi)容操作　61

2．元素追加操作　62

任務(wù)實現(xiàn)　64

本章小結(jié)　67

課后習(xí)題　67

第4章　jQuery實現(xiàn)頁面交互

（下）　69

任務(wù)4.1　單擊頁面顯示不同詞語　69

任務(wù)需求　69

知識儲備　70

1．自定義動畫　70

2．元素刪除操作　71

任務(wù)實現(xiàn)　72

任務(wù)4.2　隨機抽獎　74

任務(wù)需求　74

任務(wù)實現(xiàn)　74

任務(wù)4.3　隨機選圖并放大　79

任務(wù)需求　79

知識儲備　80

任務(wù)實現(xiàn)　81

任務(wù)4.4　向上滾動課程更新日志　84

任務(wù)需求　84

任務(wù)實現(xiàn)　85

本章小結(jié)　88

課后習(xí)題　89

第5章　jQuery實現(xiàn)動畫效果　90

任務(wù)5.1　開關(guān)燈效果　90

任務(wù)需求　90

知識儲備　91

任務(wù)實現(xiàn)　93

任務(wù)5.2　滑動切換導(dǎo)航菜單效果　96

任務(wù)需求　96

知識儲備　97

任務(wù)實現(xiàn)　100

任務(wù)5.3　導(dǎo)航欄下劃線跟隨選中菜單項

滑動效果　103

任務(wù)需求　103

知識儲備　104

任務(wù)實現(xiàn)　108

本章小結(jié)　111

課后習(xí)題　111

第6章　jQuery實現(xiàn)圖像效果　113

任務(wù)6.1　星級評價　113

任務(wù)需求　113

知識儲備　114

1．removeAttr()方法　114

2．nextAll()方法　115

3．prevAll()方法　116

任務(wù)實現(xiàn)　118

任務(wù)6.2　圖像拖曳　120

任務(wù)需求　120

知識儲備　121

任務(wù)實現(xiàn)　122

任務(wù)6.3　圖像切換　125

任務(wù)需求　125

任務(wù)實現(xiàn)　125

本章小結(jié)　129

課后習(xí)題　129

第7章　jQuery操作表單　131

任務(wù)7.1　獲取用戶注冊信息　131

任務(wù)需求　131

知識儲備　132

1．表單提交事件　132

2．序列化表單數(shù)據(jù)　133

任務(wù)實現(xiàn)　136

任務(wù)7.2　表單數(shù)據(jù)驗證　140

任務(wù)需求　140

知識儲備　141

1．焦點事件　141

2．改變事件　142

3．鍵盤事件　143

4．表單選擇器　144

任務(wù)實現(xiàn)　145

本章小結(jié)　156

課后習(xí)題　156

第8章　jQuery操作Ajax　158

任務(wù)8.1　用戶登錄　158

任務(wù)需求　158

知識儲備　159

1．什么是Ajax　159

2．Ajax方法　160

任務(wù)實現(xiàn)　162

任務(wù)8.2　用戶信息列表　165

任務(wù)需求　165

知識儲備　166

1．XML數(shù)據(jù)格式　166

2．JSON數(shù)據(jù)格式　167

任務(wù)實現(xiàn)　168

任務(wù)8.3　圖書管理系統(tǒng)　170

任務(wù)需求　170

知識儲備　171

任務(wù)實現(xiàn)　172

本章小結(jié)　179

課后習(xí)題　179

第9章　jQuery Mobile移動頁面

開發(fā)　181

任務(wù)9.1　制作導(dǎo)航欄　181

任務(wù)需求　181

知識儲備　182

1．下載jQuery　Mobile　182

2．引入jQuery　Mobile　185

3．導(dǎo)航欄組件　186

任務(wù)實現(xiàn)　188

任務(wù)9.2　制作圖書列表頁面　189

任務(wù)需求　189

知識儲備　190

任務(wù)實現(xiàn)　192

任務(wù)9.3　制作日程安排頁面　194

任務(wù)需求　194

知識儲備　195

1．選擇菜單組件　195

2．初始化選擇菜單　197

任務(wù)實現(xiàn)　198

本章小結(jié)　202

課后習(xí)題　202

第10章　項目實戰(zhàn)——在線商城　204

任務(wù)10.1　項目開發(fā)準(zhǔn)備　204

項目分析　204

1．首頁　205

2．商品詳情頁　206

3．購物車頁　207

項目初始化　208

任務(wù)10.2　焦點圖切換　209

任務(wù)需求　209

任務(wù)實現(xiàn)　209

任務(wù)10.3　放大鏡　211

任務(wù)需求　211

任務(wù)實現(xiàn)　211

任務(wù)10.4　購物車　214

任務(wù)需求　214

任務(wù)實現(xiàn)　215

本章小結(jié)　220