JQuery動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作
鏈接：https://pan.baidu.com/s/1cGC69r-BzEb2Ei_giQob5A?pwd=nz73?
提取碼：nz73
《JQuery動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作》是針對零基礎(chǔ)讀者研發(fā)的網(wǎng)站前端開發(fā)入門教材。本書側(cè)重案例實(shí)訓(xùn)，并配有豐富的微課，讀者可以掃描二維碼觀看。
《JQuery動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作》共分為15章，包括jQuery快速入門、jQuery的選擇器、使用jQuery控制頁面、jQuery操作事件、jQuery操作動(dòng)畫、jQuery的功能函數(shù)、jQuery插件的應(yīng)用與開發(fā)、jQuery與Ajax技術(shù)的應(yīng)用、jQuery的經(jīng)典交互特效案例、設(shè)計(jì)響應(yīng)式網(wǎng)頁、流行的響應(yīng)式開發(fā)框架Bootstrap等內(nèi)容，最后通過4個(gè)熱點(diǎn)綜合項(xiàng)目，進(jìn)一步鞏固讀者的項(xiàng)目開發(fā)經(jīng)驗(yàn)。
通過書中提供的精選熱點(diǎn)案例，可以讓初學(xué)者快速掌握網(wǎng)站前端開發(fā)技術(shù)。通過微信掃碼看視頻，可以隨時(shí)在移動(dòng)端學(xué)習(xí)對應(yīng)的開發(fā)技能。本書還提供技術(shù)支持，專為讀者答疑解難，可降低零基礎(chǔ)學(xué)習(xí)網(wǎng)站前端開發(fā)技術(shù)的門檻。
作者簡介
主要負(fù)責(zé)網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和Android開發(fā)課程，擅長HTML5、CSS3、JavaScript、jQuery技術(shù)，一直負(fù)責(zé)畢業(yè)班的實(shí)訓(xùn)工作，在移動(dòng)終端軟件開發(fā)方面有多年的開發(fā)經(jīng)驗(yàn)，具有很強(qiáng)的實(shí)戰(zhàn)經(jīng)驗(yàn)。
目錄
第1章 jQuery快速入門 1
1.1 認(rèn)識jQuery 2
1.1.1 jQuery能做什么 2
1.1.2 jQuery的特點(diǎn) 2
1.2 下載并安裝jQuery 3
1.2.1 下載jQuery 3
1.2.2 安裝jQuery 4
1.3 測試jQuery 4
1.4 jQuery與CSS 5
1.4.1 CSS 構(gòu)造規(guī)則 5
1.4.2 jQuery的引入 6
1.5 通過案例理解jQuery的技術(shù)優(yōu)勢 7
1.6 上機(jī)練習(xí) 9
第2章 jQuery的選擇器 11
2.1 jQuery中美元符號$的使用 12
2.1.1 $符號的使用 12
2.1.2 功能函數(shù)的前綴 13
2.1.3 創(chuàng)建DOM元素 14
2.2 基本選擇器 14
2.2.1 通配符選擇器(*) 15
2.2.2 ID選擇器(#id) 16
2.2.3 類名選擇器(.class) 17
2.2.4 元素選擇器(element) 18
2.2.5 復(fù)合選擇器 19
2.3 層級選擇器 20
2.3.1 祖先后代選擇器(ancestor descendant) 20
2.3.2 父子選擇器(parent>child) 22
2.3.3 相鄰元素選擇器(prev+next) 23
2.3.4 兄弟元素選擇器(prev~siblings) 25
2.4 過濾選擇器 26
2.4.1 簡單過濾選擇器 26
2.4.2 內(nèi)容過濾選擇器 32
2.4.3 可見性過濾器 38
2.4.4 表單過濾器 41
2.5 表單選擇器 43
2.5.1 :input 43
2.5.2 :text 44
2.5.3 :password 45
2.5.4 :radio 46
2.5.5 :checkbox 47
2.5.6 :submit 48
2.5.7 :reset 49
2.5.8 :button 50
2.5.9 :image 50
2.5.10 :file 51
2.6 屬性選擇器 52
2.6.1 [attribute] 52
2.6.2 [attribute=value] 53
2.6.3 [attribute!=value] 55
2.6.4 [attribute$=value] 56
2.7 上機(jī)練習(xí) 58
第3章 使用jQuery控制頁面 59
3.1 對頁面的內(nèi)容進(jìn)行操作 60
3.1.1 對文本內(nèi)容進(jìn)行操作 60
3.1.2 對HTML內(nèi)容進(jìn)行操作 61
3.2 對標(biāo)記的屬性進(jìn)行操作 63
3.2.1 獲取屬性的值 63
3.2.2 設(shè)置屬性的值 64
3.2.3 刪除屬性的值 65
3.3 對表單元素進(jìn)行操作 66
3.3.1 獲取表單元素的值 66
3.3.2 設(shè)置表單元素的值 67
3.4 對元素的CSS樣式進(jìn)行操作 68
3.4.1 添加CSS類 68
3.4.2 刪除CSS類 70
3.4.3 動(dòng)態(tài)切換CSS類 71
3.4.4 獲取和設(shè)置CSS樣式 72
3.5 獲取與編輯DOM節(jié)點(diǎn) 74
3.5.1 插入節(jié)點(diǎn) 74
3.5.2 刪除節(jié)點(diǎn) 76
3.5.3 復(fù)制節(jié)點(diǎn) 78
3.5.4 替換節(jié)點(diǎn) 79
3.6 上機(jī)練習(xí) 80
第4章 使用jQuery操作事件 83
4.1 jQuery的事件機(jī)制 84
4.1.1 什么是jQuery的事件機(jī)制 84
4.1.2 切換事件 84
4.1.3 事件冒泡 85
4.2 頁面加載響應(yīng)事件 86
4.3 jQuery中的事件函數(shù) 87
4.3.1 鍵盤操作事件函數(shù) 87
4.3.2 鼠標(biāo)操作事件 89
4.3.3 其他的常用事件 92
4.4 事件的基本操作 94
4.4.1 綁定事件 94
4.4.2 觸發(fā)事件 95
4.4.3 移除事件 96
4.5 上機(jī)練習(xí) 97
第5章 使用jQuery操作動(dòng)畫 99
5.1 網(wǎng)頁動(dòng)畫特效的實(shí)現(xiàn)方法 100
5.1.1 通過CSS實(shí)現(xiàn)動(dòng)畫特效 100
5.1.2 通過jQuery實(shí)現(xiàn)動(dòng)畫特效 101
5.2 jQuery的基本動(dòng)畫效果 103
5.2.1 隱藏元素 103
5.2.2 顯示元素 106
5.2.3 狀態(tài)切換 108
5.3 淡入淡出的動(dòng)畫效果 109
5.3.1 淡入隱藏元素 109
5.3.2 淡出可見元素 111
5.3.3 切換淡入淡出元素 112
5.3.4 淡入淡出元素至指定數(shù)值 113
5.4 滑動(dòng)效果 114
5.4.1 滑動(dòng)顯示匹配的元素 114
5.4.2 滑動(dòng)隱藏匹配的元素 116
5.4.3 通過高度的變化動(dòng)態(tài)切換元素的可見性 117
5.5 自定義的動(dòng)畫效果 119
5.5.1 創(chuàng)建自定義動(dòng)畫 119
5.5.2 停止動(dòng)畫 120
5.6 上機(jī)練習(xí) 121
第6章 jQuery的功能函數(shù) 123
6.1 功能函數(shù)概述 124
6.2 常用的功能函數(shù) 124
6.2.1 操作數(shù)組和對象 125
6.2.2 操作字符串 128
6.2.3 序列化操作 130
6.3 上機(jī)練習(xí) 131
第7章 jQuery插件的應(yīng)用與開發(fā) 133
7.1 理解插件 134
7.1.1 什么是插件 134
7.1.2 從哪里獲取插件 134
7.1.3 如何使用插件 134
7.2 流行的jQuery插件 135
7.2.1 jQueryUI插件 135
7.2.2 Form插件 139
7.2.3 提示信息插件 140
7.2.4 jcarousel插件 141
7.3 自定義插件 141
7.3.1 插件的工作原理 141
7.3.2 自定義一個(gè)簡單的插件 142
7.4 上機(jī)練習(xí) 144
第8章 jQuery與Ajax技術(shù)的應(yīng)用 147
8.1 Ajax概述 148
8.1.1 什么是Ajax 148
8.1.2 Ajax的工作原理 149
8.1.3 Ajax的優(yōu)缺點(diǎn) 150
8.2 Ajax技術(shù)的組成 150
8.2.1 XMLHttpRequest對象 150
8.2.2 XML語言 150
8.2.3 JavaScript語言 152
8.2.4 CSS技術(shù) 152
8.2.5 DOM技術(shù) 152
8.3 XMLHttpRequest對象 153
8.3.1 初始化XMLHttpRequest對象 153
8.3.2 XMLHttpRequest對象的屬性 153
8.3.3 XMLHttpRequest對象的方法 155
8.4 Ajax異步交互的應(yīng)用 157
8.4.1 什么是異步交互 157
8.4.2 異步對象連接服務(wù)器 157
8.4.3 GET和POST模式 159
8.4.4 服務(wù)器返回XML文檔 161
8.4.5 處理多個(gè)異步請求 164
8.5 jQuery中的Ajax 166
8.5.1 load()方法 166
8.5.2 $.get()方法和$.post()方法 169
8.5.3 $.getScript()方法和$.getJson()方法 171
8.5.4 $.ajax()方法 173
8.6 上機(jī)練習(xí) 174
第9章 jQuery的經(jīng)典交互特效案例 177
9.1 設(shè)計(jì)時(shí)間軸特效 178
9.2 設(shè)計(jì)tab頁面切換效果 181
9.3 設(shè)計(jì)滑動(dòng)門特效 183
9.4 設(shè)計(jì)焦點(diǎn)圖輪播特效 185
9.5 設(shè)計(jì)網(wǎng)頁定位導(dǎo)航特效 189
9.6 設(shè)計(jì)導(dǎo)航條菜單效果 191
9.7 設(shè)計(jì)瀑布流特效 194
9.8 設(shè)計(jì)彈出層效果 196
9.9 設(shè)計(jì)倒計(jì)時(shí)效果 198
9.10 設(shè)計(jì)抽獎(jiǎng)效果 200
9.11 上機(jī)練習(xí) 203
第10章 設(shè)計(jì)響應(yīng)式網(wǎng)頁 205
10.1 什么是響應(yīng)式網(wǎng)頁設(shè)計(jì) 206
10.2 像素和屏幕分辨率 207
10.3 視口 207
10.3.1 視口的分類和常用屬性 207
10.3.2 媒體查詢 208
10.4 響應(yīng)式網(wǎng)頁的布局設(shè)計(jì) 209
10.4.1 常用布局類型 209
10.4.2 布局的實(shí)現(xiàn)方式 210
10.4.3 響應(yīng)式布局的設(shè)計(jì)與實(shí)現(xiàn) 211
10.5 響應(yīng)式圖片 212
10.5.1 使用標(biāo)簽 212
10.5.2 使用CSS圖片 213
10.6 響應(yīng)式視頻 215
10.7 響應(yīng)式導(dǎo)航菜單 216
10.8 響應(yīng)式表格 218
10.8.1 隱藏表格中的列 218
10.8.2 滾動(dòng)表格中的列 221
10.8.3 轉(zhuǎn)換表格中的列 223
10.9 上機(jī)練習(xí) 226
查看全部↓
前言/序言
jQuery是目前最受歡迎的JavaScript庫之一，能用很少的代碼實(shí)現(xiàn)較多的功能。對最新jQuery的學(xué)習(xí)也成為網(wǎng)頁設(shè)計(jì)師的必修功課。目前，學(xué)習(xí)和關(guān)注jQuery的人越來越多，而很多初學(xué)者都苦于找不到一本通俗易懂、容易入門和案例實(shí)用的參考書。本書正是為滿足以上讀者而精心創(chuàng)作的。通過本書的案例實(shí)訓(xùn)，大學(xué)生也可以很快地上手流行的動(dòng)態(tài)網(wǎng)站開發(fā)方法，提高職業(yè)化能力，從而解決公司與學(xué)生的雙重需求問題。
本書特色
零基礎(chǔ)、入門級的講解
無論您是否從事計(jì)算機(jī)相關(guān)行業(yè)或接觸過網(wǎng)站開發(fā)，都能從本書中找到最佳起點(diǎn)。
實(shí)用、專業(yè)的范例和項(xiàng)目
本書在內(nèi)容編排上緊密結(jié)合深入學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的過程，從jQuery的基本概念開始，逐步帶領(lǐng)讀者學(xué)習(xí)網(wǎng)站前端開發(fā)的各種應(yīng)用技巧，側(cè)重實(shí)戰(zhàn)技能，使用簡單易懂的實(shí)際案例進(jìn)行分析和操作指導(dǎo)，讓讀者學(xué)起來簡單輕松，操作起來有章可循。
隨時(shí)隨地學(xué)習(xí)
本書提供了微課視頻，通過手機(jī)掃碼即可觀看，隨時(shí)隨地解決學(xué)習(xí)中的困惑。
全程同步教學(xué)視頻
