jQuery前端開(kāi)發(fā)實(shí)戰(zhàn)教程
定 價(jià)：42 元
叢書(shū)名：高等學(xué)校計(jì)算機(jī)基礎(chǔ)教育教材精選
- 作者：馮艷玲
- 出版時(shí)間：2018/7/1
- ISBN：9787121346071
- 出 版 社：電子工業(yè)出版社
- 中圖法分類：TP312.8
- 頁(yè)碼：270
- 紙張：
- 版次：01
- 開(kāi)本：16開(kāi)
jQuery技術(shù)由于語(yǔ)法簡(jiǎn)練、兼容主流內(nèi)核瀏覽器、可擴(kuò)展性好等原因已成為前端開(kāi)發(fā)工程師的一項(xiàng)必備技能。本教程的內(nèi)容基于jQuery最新版本3.2.1，包括Web前端的代碼規(guī)范和頁(yè)面的主流布局設(shè)計(jì)、jQuery選擇器、jQuery操作DOM、jQuery事件處理、jQuery動(dòng)畫(huà)、jQuery插件開(kāi)發(fā)、jQuery Ajax和jQuery Mobile框架等。 本教程的每個(gè)小節(jié)知識(shí)點(diǎn)都配有案例代碼，著重于講解如何使用jQuery的知識(shí)點(diǎn)以及在使用中的注意事項(xiàng)。教程中還設(shè)計(jì)了綜合性的、具有真實(shí)應(yīng)用背景“任務(wù)”，需要使用HTML、CSS和JS/jQuery進(jìn)行綜合編程，讀者完成任務(wù)過(guò)程中進(jìn)行的技能訓(xùn)練與前端開(kāi)發(fā)崗位要求的技術(shù)能力高度一致。任務(wù)復(fù)雜度適合在課堂授課一般時(shí)長(zhǎng)范圍內(nèi)完成。 本教程適合以下讀者群：高職高專院校、應(yīng)用型本科院校在校大學(xué)生；IT培訓(xùn)機(jī)構(gòu)學(xué)員；Web前端開(kāi)發(fā)工程師；Web后臺(tái)開(kāi)發(fā)工程師；網(wǎng)站開(kāi)發(fā)愛(ài)好者。
馮艷玲，女，博士研究生，2009.3-今 深圳信息職業(yè)技術(shù)學(xué)院 軟件學(xué)院擔(dān)任專職教師，獲得過(guò)IPv6網(wǎng)絡(luò)系統(tǒng) 中國(guó)人民解放軍科學(xué)技術(shù)進(jìn)步二等獎(jiǎng)
目 錄
第1章 jQuery簡(jiǎn)介 - 1 -
1.1 jQuery開(kāi)發(fā)基礎(chǔ)知識(shí) - 1 -
1.1.1 HTML - 1 -
1.1.2 CSS - 2 -
1.1.3 JavaScript - 4 -
1.1.4 瀏覽器工作原理 - 5 -
1.1.5 開(kāi)發(fā)軟件 - 7 -
1.1.6 調(diào)試環(huán)境 - 17 -
任務(wù)1.1 成績(jī)單 - 20 -
任務(wù)1.2 輪播器與選項(xiàng)卡 - 24 -
1.2 jQuery的特點(diǎn) - 29 -
1.3 jQuery引用方式 - 30 -
1.4 jQuery編程第一步 - 31 -
任務(wù)1.3 編寫(xiě)第一個(gè)jQuery程序——jQuery Hello World - 31 -
第2章 jQuery選擇器 - 36 -
2.1 jQuery基本選擇器 - 37 -
2.1.1 jQuery id選擇器 - 37 -
2.1.2 jQuery元素選擇器 - 38 -
2.1.3 jQuery類選擇器 - 39 -
2.1.4 jQuery多重選擇器 - 39 -
2.1.5 jQuery *選擇器 - 40 -
2.1.6 jQuery對(duì)象和DOM對(duì)象相互轉(zhuǎn)換 - 41 -
任務(wù)2.1 ?jQuery改寫(xiě)任務(wù)1.2 - 44 -
2.2 jQuery 層次選擇器 - 46 -
2.2.1 jQuery后代選擇器 - 46 -
2.2.2 jQuery父子選擇器 - 47 -
2.2.3 jQuery相鄰選擇器 - 48 -
2.2.4 jQuery兄弟選擇器 - 49 -
任務(wù)2.2 jQuery改寫(xiě)任務(wù)1.1 - 50 -
2.3 jQuery過(guò)濾選擇器 - 51 -
2.3.1 jQuery基本過(guò)濾選擇器 - 51 -
任務(wù)2.3 采用jQuery基本過(guò)濾器改寫(xiě)“成績(jī)單”任務(wù) - 54 -
2.3.2 jQuery內(nèi)容過(guò)濾選擇器 - 55 -
任務(wù)2.4 使用內(nèi)容過(guò)濾器改寫(xiě)“成績(jī)單”任務(wù) - 57 -
2.3.3 jQuery可見(jiàn)性過(guò)濾選擇器 - 58 -
2.4 jQuery屬性選擇器 - 59 -
2.5 jQuery選擇器的context參數(shù) - 61 -
第3章 jQuery操作DOM - 63 -
3.1 讀取和設(shè)置HTML元素 - 63 -
3.1.1 獲取和設(shè)置元素的HTML內(nèi)容 - 63 -
3.1.2 獲取和設(shè)置元素的文本內(nèi)容 - 64 -
3.1.3 獲取和設(shè)置元素的標(biāo)簽屬性的值 - 66 -
3.1.4 獲取和設(shè)置元素的DOM屬性的值 - 68 -
任務(wù)3.1 實(shí)現(xiàn)移動(dòng)端登錄頁(yè)面 - 70 -
3.2 向HTML元素添加內(nèi)容 - 72 -
3.2.1 在元素的開(kāi)頭添加內(nèi)容 - 72 -
3.2.2 將元素添加到指定元素的開(kāi)頭 - 73 -
3.2.3 在元素的結(jié)尾添加內(nèi)容 - 74 -
3.2.4 將元素添加到指定元素的結(jié)尾 - 75 -
3.2.5 在元素之前添加內(nèi)容 - 76 -
3.2.6 將元素添加到指定元素之前 - 77 -
3.2.7 在元素之后添加內(nèi)容 - 77 -
3.2.8 將元素添加到指定元素之后 - 79 -
3.2.9 為元素添加包裹元素 - 79 -
任務(wù)3.2 實(shí)現(xiàn)PC端登錄頁(yè) - 80 -
3.3 刪除HTML元素及其屬性 - 85 -
3.3.1 刪除元素及其子元素 - 85 -
3.3.2 刪除元素的子元素 - 86 -
3.3.3 從被選元素中刪除屬性 - 87 -
3.3.4 從DOM中移除元素集合 - 89 -
3.3.5 刪除包裹元素 - 90 -
任務(wù)3.3 ?PC端登錄頁(yè)的改進(jìn) - 91 -
3.4 復(fù)制和替換HTML元素 - 92 -
3.4.1 復(fù)制元素 - 92 -
3.4.2 替換元素 - 93 -
3.5 遍歷HTML元素 - 94 -
3.5.1 向上遍歷 DOM 樹(shù) - 94 -
3.5.2 向下遍歷DOM樹(shù) - 95 -
3.5.3 水平遍歷DOM樹(shù) - 96 -
3.5.4 過(guò)濾函數(shù) - 99 -
3.5.5 其他遍歷函數(shù) - 100 -
任務(wù)3.4 PC端用戶頁(yè)的改進(jìn) - 102 -
任務(wù)3.5 “成績(jī)單”任務(wù)的改進(jìn) - 104 -
3.6 jQuery操作DOM樣式 - 106 -
3.6.1 類操作 - 106 -
3.6.2 屬性操作 - 109 -
任務(wù)3.6 PC端用戶頁(yè)的持續(xù)改進(jìn) - 113 -
第4章 jQuery事件處理 - 115 -
4.1 事件處理機(jī)制 - 115 -
4.1.1 事件傳遞機(jī)制 - 115 -
4.1.2 event對(duì)象 - 115 -
4.2 jQuery事件管理 - 117 -
4.2.1 jQuery事件處理機(jī)制 - 117 -
4.2.2 jQuery事件管理函數(shù) - 117 -
任務(wù)4.1 輪播器、選項(xiàng)卡的改進(jìn) - 123 -
任務(wù)4.2 實(shí)現(xiàn)“主要課程”頁(yè) - 126 -
4.3 jQuery事件處理函數(shù) - 129 -
4.3.1 jQuery鼠標(biāo)事件處理函數(shù) - 129 -
4.3.2 jQuery鍵盤(pán)事件處理函數(shù) - 132 -
4.3.3 jQuery其他事件處理函數(shù) - 134 -
任務(wù)4.3 “主要課程”頁(yè)的改進(jìn) - 135 -
第5章 jQuery表單編程 - 138 -
5.1 表單選擇器 - 138 -
5.2 jQuery獲取和設(shè)置表單控件的值 - 141 -
5.3 表單事件處理 - 142 -
任務(wù)5.1 “主要課程”頁(yè)的持續(xù)改進(jìn) - 145 -
第6章 jQuery動(dòng)畫(huà)效果 - 150 -
6.1 顯示和隱藏 - 150 -
任務(wù)6.1 二級(jí)導(dǎo)航菜單的顯示與隱藏 - 153 -
6.2 滑動(dòng) - 154 -
任務(wù)6.2 可折疊塊動(dòng)畫(huà)制作 - 156 -
6.3 淡入淡出 - 158 -
6.4 自定義動(dòng)畫(huà) - 159 -
任務(wù)6.3 全屏banner動(dòng)畫(huà)制作 - 166 -
第7章 jQuery插件 - 169 -
7.1 jQuery插件的使用 - 169 -
7.1.1 表格插件Datatables - 169 -
7.1.2 圖表插件jqplot和sparkline - 171 -
7.1.3 輪播器插件slideBox - 175 -
7.2 jQuery插件開(kāi)發(fā) - 176 -
7.2.1 jQuery.extend()函數(shù) - 177 -
7.2.2 全局插件 - 178 -
任務(wù)7.1 編寫(xiě)全局插件實(shí)現(xiàn)網(wǎng)頁(yè)加載動(dòng)畫(huà) - 180 -
7.2.3 對(duì)象級(jí)插件 - 183 -
任務(wù)7.2 將注冊(cè)頁(yè)用戶輸入檢查改寫(xiě)為對(duì)象級(jí)插件 - 185 -
第8章 jQuery與Ajax - 191 -
8.1 XMLHttpRequest對(duì)象 - 191 -
8.1.1 XMLHttpRequest對(duì)象的屬性 - 191 -
8.1.2 XMLHttpRequest對(duì)象的方法 - 192 -
任務(wù)8.1 用戶注冊(cè)重名檢查 - 195 -
8.2 jQuery對(duì)Ajax技術(shù)的支持 - 199 -
8.2.1 底層接口 - 200 -
8.2.2 快捷函數(shù) - 203 -
8.2.3 輔助函數(shù) - 204 -
8.2.4 全局事件函數(shù) - 204 -
任務(wù)8.2 基于Ajax的查詢與刪除 - 206 -
第9章 jQuery Mobile - 215 -
9.1 jQuery Mobile簡(jiǎn)介 - 215 -
9.2 jQuery Mobile頁(yè)面 - 216 -
9.2.1 頁(yè)面結(jié)構(gòu) - 216 -
9.2.2 組件定位 - 218 -
9.2.3 頁(yè)面切換 - 219 -
9.3 jQuery Mobile功能組件 - 222 -
9.3.1 超鏈按鈕 - 222 -
9.3.2 彈窗 - 224 -
9.3.3 面板 - 226 -
9.3.4 可折疊塊 - 229 -
9.3.5 選項(xiàng)卡 - 230 -
9.3.6 表格 - 232 -
9.3.7 列表 - 234 -
9.3.8 表單 - 237 -
9.4 jQuery Mobile CSS 框架 - 240 -
9.4.1 外觀樣式類 - 240 -
9.4.2 主題定制 - 244 -
9.4.3 網(wǎng)格類 - 247 -
任務(wù)9.1 基于jQuery Mobile的網(wǎng)上書(shū)店 - 248 -
參考文獻(xiàn) - 259 -
書(shū)單推薦
