jQuery前端開發任務驅動教程
黑馬程序員
相關主題
商品描述
本書是一本講授Web前端開發的教材,以任務驅動式的編寫體例和通俗易懂的語言,詳細講解jQuery的基礎知識。
本書共10章。第1章講解jQuery的基礎知識;第2章講解jQuery實現多樣化菜單;第3章和第4章講解jQuery實現頁面交互;第5章講解jQuery實現動畫效果;第6章講解jQuery實現圖像效果;第7章講解jQuery操作表單;第8章講解jQuery操作Ajax;第9章講解jQuery Mobile移動頁面開發;第10章講解項目實戰——在線商城,幫助讀者將所學知識運用到實際項目開發中。
本書配套豐富的教學資源,包括教學PPT、教學大綱、教學設計、源代碼、課後習題及答案等。為了幫助讀者更好地學習本書內容,本書編者團隊還提供在線答疑服務,希望幫助更多的讀者。
本書適合作為高等教育本、專科院校電腦相關專業的教材,也可作為廣大電腦編程愛好者的自學參考書。
作者簡介
黑马程序员,传智教育旗下高端IT教育品牌,由中国Java培训先行者张孝祥老师发起,联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今,我们一直坚守着“为千万人少走弯路而著书,为中华软件之崛起而讲课”的办学理念,坚持培养优秀软件应用工程师的宏伟目标,在累计培养的十万余名学员中,其中90%的学员均已在北、上、广等一线城市高薪就业。为了迎合软件市场的需求,我们陆续开设了Java、网页平面、PHP、.Net、iOS、C/C++、Android等9个专业方向的课程,并且未来将逐渐开设其他专业方向的课程。随着传智播客的日益壮大,除了北京总部,我们在上海、广州、武汉、成都、深圳等地也创立了直营分支机构,传智播客俨然已成为了国内最具专业口碑的IT教育机构。
目錄大綱
第1章 初識jQuery 1
任務1.1 下載和引入jQuery 2
任務需求 2
知識儲備 2
1.什麽是jQuery 2
2.Visual Studio Code編輯器 2
任務實現 8
任務1.2 jQuery的簡單使用 9
任務需求 9
知識儲備 10
1.jQuery的主要功能 10
2.$()函數 11
3.jQuery對象 12
4.選擇器 13
5.on()方法 15
6.鼠標事件 16
7.css()方法 17
任務實現 17
本章小結 19
課後習題 19
第2章 jQuery實現多樣化菜單 21
任務2.1 下拉菜單 21
任務需求 21
知識儲備 22
1.顯示和隱藏元素的方法 22
2.查找元素的方法 23
任務實現 24
任務2.2 折疊式菜單 28
任務需求 28
任務實現 29
任務2.3 熱賣展示菜單 32
任務需求 32
知識儲備 33
1.獲取元素索引 33
2.根據索引取出元素 33
任務實現 34
任務2.4 左進左出導航菜單 37
任務需求 37
知識儲備 38
任務實現 39
本章小結 43
課後習題 43
第3章 jQuery實現頁面交互
(上) 45
任務3.1 Tab欄切換 45
任務需求 45
知識儲備 46
1.元素class屬性操作 46
2.元素過濾操作 47
任務實現 48
任務3.2 返回頁面頂部 51
任務需求 51
知識儲備 52
1.瀏覽器事件 52
2.元素位置操作 52
任務實現 54
任務3.3 高亮顯示圖像 56
任務需求 56
知識儲備 56
任務實現 57
任務3.4 留言板 60
任務需求 60
知識儲備 61
1.元素內容操作 61
2.元素追加操作 62
任務實現 64
本章小結 67
課後習題 67
第4章 jQuery實現頁面交互
(下) 69
任務4.1 單擊頁面顯示不同詞語 69
任務需求 69
知識儲備 70
1.自定義動畫 70
2.元素刪除操作 71
任務實現 72
任務4.2 隨機抽獎 74
任務需求 74
任務實現 74
任務4.3 隨機選圖並放大 79
任務需求 79
知識儲備 80
任務實現 81
任務4.4 向上滾動課程更新日誌 84
任務需求 84
任務實現 85
本章小結 88
課後習題 89
第5章 jQuery實現動畫效果 90
任務5.1 開關燈效果 90
任務需求 90
知識儲備 91
任務實現 93
任務5.2 滑動切換導航菜單效果 96
任務需求 96
知識儲備 97
任務實現 100
任務5.3 導航欄下劃線跟隨選中菜單項
滑動效果 103
任務需求 103
知識儲備 104
任務實現 108
本章小結 111
課後習題 111
第6章 jQuery實現圖像效果 113
任務6.1 星級評價 113
任務需求 113
知識儲備 114
1.removeAttr()方法 114
2.nextAll()方法 115
3.prevAll()方法 116
任務實現 118
任務6.2 圖像拖曳 120
任務需求 120
知識儲備 121
任務實現 122
任務6.3 圖像切換 125
任務需求 125
任務實現 125
本章小結 129
課後習題 129
第7章 jQuery操作表單 131
任務7.1 獲取用戶註冊信息 131
任務需求 131
知識儲備 132
1.表單提交事件 132
2.序列化表單數據 133
任務實現 136
任務7.2 表單數據驗證 140
任務需求 140
知識儲備 141
1.焦點事件 141
2.改變事件 142
3.鍵盤事件 143
4.表單選擇器 144
任務實現 145
本章小結 156
課後習題 156
第8章 jQuery操作Ajax 158
任務8.1 用戶登錄 158
任務需求 158
知識儲備 159
1.什麽是Ajax 159
2.Ajax方法 160
任務實現 162
任務8.2 用戶信息列表 165
任務需求 165
知識儲備 166
1.XML數據格式 166
2.JSON數據格式 167
任務實現 168
任務8.3 圖書管理系統 170
任務需求 170
知識儲備 171
任務實現 172
本章小結 179
課後習題 179
第9章 jQuery Mobile移動頁面
開發 181
任務9.1 製作導航欄 181
任務需求 181
知識儲備 182
1.下載jQuery Mobile 182
2.引入jQuery Mobile 185
3.導航欄組件 186
任務實現 188
任務9.2 製作圖書列表頁面 189
任務需求 189
知識儲備 190
任務實現 192
任務9.3 製作日程安排頁面 194
任務需求 194
知識儲備 195
1.選擇菜單組件 195
2.初始化選擇菜單 197
任務實現 198
本章小結 202
課後習題 202
第10章 項目實戰——在線商城 204
任務10.1 項目開發準備 204
項目分析 204
1.首頁 205
2.商品詳情頁 206
3.購物車頁 207
項目初始化 208
任務10.2 焦點圖切換 209
任務需求 209
任務實現 209
任務10.3 放大鏡 211
任務需求 211
任務實現 211
任務10.4 購物車 214
任務需求 214
任務實現 215
本章小結 220