JavaScript與jQuery項目化教程

前言
項目1 初識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的開發(fā)流程
1.2.1 HBulider X簡介
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 常用的輸出語句和對話框
1.4.1 頁面輸出語句
1.4.2 控制臺輸出語句
1.4.3 警告對話框
1.4.4 提示對話框
1.4.5 消息對話框
小結(jié)
課后練習(xí)
實訓(xùn)1 輸出頁面元素和彈窗
項目2 JavaScript基礎(chǔ)語法
任務(wù)2.1 變量
2.1.1 標(biāo)識符
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 單分支語句
2.5.2 雙分支語句
2.5.3 多分支語句
任務(wù)2.6 循環(huán)結(jié)構(gòu)
2.6.1 while循環(huán)語句
2.6.2 do…while循環(huán)語句
2.6.3 for循環(huán)語句
2.6.4 嵌套循環(huán)
任務(wù)2.7 跳轉(zhuǎn)語句
2.7.1 break語句
2.7.2 continue語句
小結(jié)
課后練習(xí)
實訓(xùn)2 猜數(shù)字游戲
項目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í)
實訓(xùn)3 制作簡易四則運(yùn)算計算器
項目4 JavaScript對象
任務(wù)4.1 對象
4.1.1 初識對象
4.1.2 自定義對象的聲明
4.1.3 訪問對象的屬性和方法
任務(wù)4.2 內(nèi)置對象
4.2.1 Math對象
4.2.2 定時器
4.2.3 Date對象
4.2.4 Array對象
4.2.5 String對象
小結(jié)
課后練習(xí)
實訓(xùn)4 輪播圖和扶貧日活動倒計時的制作
項目5 DOM基礎(chǔ)
任務(wù)5.1 DOM簡介
5.1.1 DOM的含義
5.1.2 DOM樹
任務(wù)5.2 獲取元素
5.2.1 通過Id獲取
5.2.2 通過TagName獲取
5.2.3 通過Name獲取
5.2.4 通過ClassName獲取
任務(wù)5.3 事件
5.3.1 事件的分類
5.3.2 事件的綁定方式
5.3.3 事件的對象
任務(wù)5.4 操作元素
5.4.1 獲取和設(shè)置元素內(nèi)容
5.4.2 獲取和設(shè)置元素屬性
小結(jié)
課后練習(xí)
實訓(xùn)5 鼠標(biāo)拖拽div
項目6 DOM進(jìn)階操作
任務(wù)6.1 點(diǎn)操作
6.1.1 按層次關(guā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 首頁滾動顯示對聯(lián)宣傳圖標(biāo)
6.2.5 圖片放大特效
小結(jié)
課后練習(xí)
實訓(xùn)6 購物車操作
項目7 BOM
任務(wù)7.1 BOM慨述
任務(wù)7.2 window對象
7.2.1 打開和關(guān)閉窗口
7.2.2 操作窗口
任務(wù)7.3 location對象、history對象和navigator對象的使用
7.3.1 location對象
7.3.2 history對象
7.3.3 navigator對象
小結(jié)
課后練習(xí)
實訓(xùn)7 制作網(wǎng)站登陸效果
項目8 jQuery基礎(chǔ)
任務(wù)8.1 初識jQuery
8.1.1 jQuery概述
8.1.2 獲取jQuery
8.1.3 使用jQuery
任務(wù)8.2 jQuery對象與選擇器
8.2.1 jQuery對象
8.2.2 基本選擇器
8.2.3 層級選擇器
8.2.4 篩選選擇器
8.2.5 表單選擇器
小結(jié)
課后練習(xí)
實訓(xùn)8 暢銷書簡介
項目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í)
實訓(xùn)9 購物車添加商品
項目10 jQuery的事件與動畫
任務(wù)10.1 jQuery事件
10.1.1 事件綁定
10.1.2 事件解綁
10.1.3 事件對象
10.1.4 切換事件
任務(wù)10.2 jQuery動畫
10.2.1 隱藏與顯示動畫
10.2.2 滑動動畫
10.2.3 淡入淡出動畫
小結(jié)
課后練習(xí)
實訓(xùn)10 設(shè)計地址管理頁面
參考文獻(xiàn)