JavaScript與jQuery項目化教程

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