JavaScript與jQuery項(xiàng)目化教程

前言
項(xiàng)目1 初識(shí)JavaScript
任務(wù)1.1 JavaScript入門
1.1.1 JavaScript的起源和發(fā)展
1.1.2 JavaScript的作用
1.1.3 JavaScript的組成
1.1.4 JavaScript的特點(diǎn)
任務(wù)1.2 JavaScript的開(kāi)發(fā)流程
1.2.1 HBulider X簡(jiǎn)介
1.2.2 使用HBulider X
1.2.3 JavaScript的基本結(jié)構(gòu)
1.2.4 引入JavaScript腳本
任務(wù)1.3 行和調(diào)試JavaScript腳本
1.3.1 運(yùn)行JavaScript腳本
1.3.2 調(diào)試JavaScript腳本
任務(wù)1.4 常用的輸出語(yǔ)句和對(duì)話框
1.4.1 頁(yè)面輸出語(yǔ)句
1.4.2 控制臺(tái)輸出語(yǔ)句
1.4.3 警告對(duì)話框
1.4.4 提示對(duì)話框
1.4.5 消息對(duì)話框
小結(jié)
課后練習(xí)
實(shí)訓(xùn)1 輸出頁(yè)面元素和彈窗
項(xiàng)目2 JavaScript基礎(chǔ)語(yǔ)法
任務(wù)2.1 變量
2.1.1 標(biāo)識(shí)符
2.1.2 變量的使用
任務(wù)2.2 數(shù)據(jù)類型
任務(wù)2.3 運(yùn)算符
任務(wù)2.4 數(shù)據(jù)類型的轉(zhuǎn)換與獲取
2.4.1 數(shù)據(jù)的轉(zhuǎn)換
2.4.2 typeof操作符
任務(wù)2.5 分支結(jié)構(gòu)
2.5.1 單分支語(yǔ)句
2.5.2 雙分支語(yǔ)句
2.5.3 多分支語(yǔ)句
任務(wù)2.6 循環(huán)結(jié)構(gòu)
2.6.1 while循環(huán)語(yǔ)句
2.6.2 do…while循環(huán)語(yǔ)句
2.6.3 for循環(huán)語(yǔ)句
2.6.4 嵌套循環(huán)
任務(wù)2.7 跳轉(zhuǎn)語(yǔ)句
2.7.1 break語(yǔ)句
2.7.2 continue語(yǔ)句
小結(jié)
課后練習(xí)
實(shí)訓(xùn)2 猜數(shù)字游戲
項(xiàng)目3 JavaScript函數(shù)
任務(wù)3.1 函數(shù)
3.1.1 函數(shù)的聲明
3.1.2 函數(shù)的參數(shù)
3.1.3 函數(shù)的調(diào)用
3.1.4 函數(shù)的返回值
3.1.5 變量的作用域
任務(wù)3.2 匿名函數(shù)
任務(wù)3.3 閉包函數(shù)
小結(jié)
課后練習(xí)
實(shí)訓(xùn)3 制作簡(jiǎn)易四則運(yùn)算計(jì)算器
項(xiàng)目4 JavaScript對(duì)象
任務(wù)4.1 對(duì)象
4.1.1 初識(shí)對(duì)象
4.1.2 自定義對(duì)象的聲明
4.1.3 訪問(wèn)對(duì)象的屬性和方法
任務(wù)4.2 內(nèi)置對(duì)象
4.2.1 Math對(duì)象
4.2.2 定時(shí)器
4.2.3 Date對(duì)象
4.2.4 Array對(duì)象
4.2.5 String對(duì)象
小結(jié)
課后練習(xí)
實(shí)訓(xùn)4 輪播圖和扶貧日活動(dòng)倒計(jì)時(shí)的制作
項(xiàng)目5 DOM基礎(chǔ)
任務(wù)5.1 DOM簡(jiǎn)介
5.1.1 DOM的含義
5.1.2 DOM樹(shù)
任務(wù)5.2 獲取元素
5.2.1 通過(guò)Id獲取
5.2.2 通過(guò)TagName獲取
5.2.3 通過(guò)Name獲取
5.2.4 通過(guò)ClassName獲取
任務(wù)5.3 事件
5.3.1 事件的分類
5.3.2 事件的綁定方式
5.3.3 事件的對(duì)象
任務(wù)5.4 操作元素
5.4.1 獲取和設(shè)置元素內(nèi)容
5.4.2 獲取和設(shè)置元素屬性
小結(jié)
課后練習(xí)
實(shí)訓(xùn)5 鼠標(biāo)拖拽div
項(xiàng)目6 DOM進(jìn)階操作
任務(wù)6.1 點(diǎn)操作
6.1.1 按層次關(guān)系訪問(wèn)節(jié)點(diǎn)
6.1.2 創(chuàng)建和添加節(jié)點(diǎn)
6.1.3 刪除和復(fù)制節(jié)點(diǎn)
6.1.4 替換節(jié)點(diǎn)
任務(wù)6.2 JavaScript與CSS交互
6.2.1 操作元素樣式
6.2.2 Tab欄目切換
6.2.3 鼠標(biāo)指針進(jìn)入縮略圖切換大圖
6.2.4 首頁(yè)滾動(dòng)顯示對(duì)聯(lián)宣傳圖標(biāo)
6.2.5 圖片放大特效
小結(jié)
課后練習(xí)
實(shí)訓(xùn)6 購(gòu)物車操作
項(xiàng)目7 BOM
任務(wù)7.1 BOM慨述
任務(wù)7.2 window對(duì)象
7.2.1 打開(kāi)和關(guān)閉窗口
7.2.2 操作窗口
任務(wù)7.3 location對(duì)象、history對(duì)象和navigator對(duì)象的使用
7.3.1 location對(duì)象
7.3.2 history對(duì)象
7.3.3 navigator對(duì)象
小結(jié)
課后練習(xí)
實(shí)訓(xùn)7 制作網(wǎng)站登陸效果
項(xiàng)目8 jQuery基礎(chǔ)
任務(wù)8.1 初識(shí)jQuery
8.1.1 jQuery概述
8.1.2 獲取jQuery
8.1.3 使用jQuery
任務(wù)8.2 jQuery對(duì)象與選擇器
8.2.1 jQuery對(duì)象
8.2.2 基本選擇器
8.2.3 層級(jí)選擇器
8.2.4 篩選選擇器
8.2.5 表單選擇器
小結(jié)
課后練習(xí)
實(shí)訓(xùn)8 暢銷書(shū)簡(jiǎn)介
項(xiàng)目9 jQuery的DOM操作
任務(wù)9.1 元素樣式的操作
9.1.1 css()方法
9.1.2 類樣式方法
任務(wù)9.2 元素屬性的操作
9.2.1 prop()方法
9.2.2 attr()方法
任務(wù)9.3 元素內(nèi)容的操作
任務(wù)9.4 節(jié)點(diǎn)元素的操作
9.4.1 遍歷元素
9.4.2 創(chuàng)建元素
9.4.3 插入元素
9.4.4 移除元素
小結(jié)
課后練習(xí)
實(shí)訓(xùn)9 購(gòu)物車添加商品
項(xiàng)目10 jQuery的事件與動(dòng)畫(huà)
任務(wù)10.1 jQuery事件
10.1.1 事件綁定
10.1.2 事件解綁
10.1.3 事件對(duì)象
10.1.4 切換事件
任務(wù)10.2 jQuery動(dòng)畫(huà)
10.2.1 隱藏與顯示動(dòng)畫(huà)
10.2.2 滑動(dòng)動(dòng)畫(huà)
10.2.3 淡入淡出動(dòng)畫(huà)
小結(jié)
課后練習(xí)
實(shí)訓(xùn)10 設(shè)計(jì)地址管理頁(yè)面
參考文獻(xiàn)