JavaScript与jQuery案例教程(配套智慧职教数字课程、微课、电子课件、章节设计、项目案例) / 国家职业教育软件技术专业教学资源库配套教材
作者: 郑丽萍
出版时间:2018-05
出版社:高等教育出版社
- 高等教育出版社
- 9787040495102
- 1版
- 203474
- 64254095-9
- 平装
- 16开
- 2018-05
- 410
- 349
- 工学
- 软件工程
- 计算机等
- 高职
本书内容涵盖JavaScript基本语法、BOM编程、DOM编程、事件、原生Ajax实现、HTML5相关API、本地存储、jQuery基础、jQuery中的DOM操作、jQuery制作动画、jQuery插件、jQuery与Ajax、jQuery UI布局等客户端交互特效制作技术。本书内容讲解由浅入深,每章内容都与案例紧密结合,有助于读者理解和应用知识、学以致用,大大加强读者实践动手操作的能力。所选案例具有极强的扩展性,能够给读者以启发,使读者举一反三,实现非常实用的效果。
本书为新形态一体化教材,与本书配套的数字课程将在“智慧职教”(www.icve.com.cn)网站上线,学习者可以登录网站进行学习,也可以通过扫描书中二维码观看教学视频,详见“智慧职教使用指南”。
本书可作为高职高专计算机相关专业的教学用书,也可作为相关领域的培训教材或参考用书。
前辅文
第1章 JavaScript初探
学习目标
【知识目标】
【技能目标】
任务描述:实现商品详情展示
知识准备
1.1 JavaScript简述
1.1.1 JavaScript简史
1.1.2 JavaScript引擎的工作原理
1.1.3 JavaScript代码执行顺序
1.1.4 JavaScript的组成
1.1.5 JavaScript的主要特点
1.1.6 JavaScript相关应用
1.2 JavaScript编程起步
1.2.1 选择JavaScript脚本编辑器
1.2.2 引入JavaScript脚本代码到HTML文档中的方法
1.2.3 常用输出语句
任务实施
任务训练
【理论测试】
【实训内容】
第2章 JavaScript语言基础
学习目标
【知识目标】
【技能目标】
任务描述:实现猜数字游戏
知识准备
2.1 数据类型
2.1.1 数值型
2.1.2 字符串型
2.1.3 布尔型
2.1.4 特殊数据类型
2.1.5 数据类型的自动转换
2.2 变量
2.2.1 关键字
2.2.2 变量的定义与命名
2.2.3 变量的声明与赋值
2.3 函数
2.3.1 函数的定义与调用
2.3.2 带有返回值的函数
2.3.3 变量的作用域
2.4 内置函数
2.5 运算符与表达式
2.5.1 表达式
2.5.2 运算符
2.6 基本语句
2.6.1 注释语句
2.6.2 流程控制语句
2.6.3 异常处理语句
2.6.4 prompt()方法
任务实施
任务训练
【理论测试】
【实训内容】
【实训拓展】
第3章 常用内置对象
学习目标
【知识目标】
【技能目标】
任务描述:实现简洁美观的计算器
知识准备
3.1 数组(Array)对象
3.1.1 新建数组
3.1.2 动态数组
3.1.3 数组对象的常用属性与方法
3.1.4 二维数组
3.2 日期(Date)对象
3.2.1 新建日期
3.2.2 日期对象的属性与方法
3.2.3 定时器函数
3.2.4 动态改变元素样式
3.2.5 日期对象应用案例
3.3 数学(Math)对象
3.3.1 使用数学对象
3.3.2 数学对象的属性与方法
3.3.3 数字的格式化与产生随机数
3.3.4 数学对象应用案例
3.4 字符串(String)对象
3.4.1 使用字符串对象
3.4.2 字符串相加
3.4.3 在字符串中使用单引号、双引号及其他特殊字符
3.4.4 比较字符串是否相等
3.4.5 字符串对象的属性与方法
3.4.6 字符串对象应用案例
3.4.7 字符串对象应用于表单
3.5 JavaScript正则表达式
3.5.1 正则表达式
3.5.2 创建正则表达式
3.5.3 正则表达式对象的方法
3.5.4 正则表达式中的常用符号
3.6 拓展:用户注册的实现
任务实施
任务训练
【理论测试】
【实训内容】
【实训拓展】
第4章 自定义对象及表格操作
学习目标
【知识目标】
【技能目标】
任务描述:学生成绩管理
知识准备
4.1 JavaScript自定义对象
4.1.1 JavaScript对象
4.1.2 JavaScript自定义对象建立方案
4.1.3 学生对象的建立
4.1.4 使用表单动态创建学生对象
4.1.5 遍历数组输出展示学生对象信息
4.2 动态表格
4.2.1 表格建立
4.2.2 动态插入行和单元格
4.2.3 动态删除某行
4.2.4 动态选中多行并删除
任务实施
任务训练
【理论测试】
【实训内容】
第5章 BOM和DOM
学习目标
【知识目标】
【技能目标】
任务描述:JavaScript实现带文字描述的图片相册
知识准备
5.1 JavaScript BOM
5.1.1 BOM概述
5.1.2 多窗口控制
5.1.3 浏览器(navigator)对象
5.1.4 屏幕(screen)对象
5.1.5 地址(location)对象
5.1.6 历史(history)对象
5.2 访问HTMLDOM对象
5.2.1 获取文档对象中元素对象的一般方法
5.2.2 元素的innerText、inner-HTML、outerHTML、outerText
5.2.3 修改HTML元素
5.2.4 导航节点关系
5.2.5 DOM优化
5.2.6 DOM事件
5.3 DOM扩展
5.3.1 querySelector()与querySelectorAll()
5.3.2 元素的遍历
5.3.3 classList属性
5.4 本地存储
5.4.1 JavaScript cookie
5.4.2 HTML5 Web Storage
任务实施
任务训练
【理论测试】
【实训内容】
第6章 项目实战:JavaScript实现在线测试系统
学习目标
【知识目标】
【技能目标】
任务描述:实现在线测试系统
知识准备
6.1 在线测试系统:页面架构
6.2 在线测试系统:页眉的设计与实现
6.2.1 页眉的结构描述
6.2.2 页眉元素及CSS样式代码分析
6.2.3 JavaScript实现显示日期及退出功能
6.3 在线测试系统:页面主体部分架构设计
6.4 在线测试系统:侧边导航的设计与实现
6.4.1 侧边导航的内容结构描述
6.4.2 侧边导航的样式设置
6.4.3 JavaScript实现导航功能及代码分析
6.5 在线测试系统:JavaScript实现用户登录
6.5.1 用户登录的内容结构描述
6.5.2 用户登录的样式设置
6.5.3 JavaScript实现用户登录居中显示效果
6.5.4 JavaScript实现用户登录验证功能
6.6 在线测试系统:用户密码修改的实现
6.6.1 用户密码修改的内容结构描述
6.6.2 用户密码修改的样式设置
6.6.3 JavaScript实现用户密码修改居中和锁屏功能
6.7 JavaScript实现原生Ajax应用
6.7.1 Ajax简介
6.7.2 原生JavaScript实现Ajax的步骤
6.7.3 Ajax实现在线测试系统远程验证—登录功能
6.7.4 JavaScript实现用户按角色登录功能
6.7.5 拓展:数据库操作实现
6.8 在线测试系统:在线测试功能模块的实现
6.8.1 在线测试功能模块的内容结构描述
6.8.2 在线测试功能模块的样式设置
6.8.3 JavaScript实现在线测试功能
6.8.4 JavaScript实现在线测试功能:页脚模块的实现
任务训练
【理论测试】
【实训内容】
【实训拓展】
第7章 jQuery基础
学习目标
【知识目标】
【技能目标】
任务描述:实现文字和图片提示效果
知识准备
7.1 jQuery简介
7.1.1 jQuery环境配置
7.1.2 jQuery应用的创建
7.1.3 jQuery对象与DOM对象的转换
7.2 jQuery常用选择器的应用
7.2.1 基本选择器
7.2.2 层次选择器
7.2.3 过滤选择器
7.3 jQuery控制页面
7.3.1 DOM元素的遍历
7.3.2 DOM元素属性操作及节点添加
7.3.3 DOM节点删除、复制和替换
7.4 jQuery事件
7.4.1 事件绑定与解除
7.4.2 复合事件
任务实施
任务训练
【理论测试】
【实训内容】
第8章 jQuery进阶
学习目标
【知识目标】
【技能目标】
任务描述:jQuery实现本地验证和远程验证
8.1 jQuery动画
8.1.1 元素的显示与隐藏
8.1.2 回调函数的使用
8.1.3 自定义动画
8.2 jQuery与Ajax
8.2.1 Ajax简介
8.2.2 load()方法
8.2.3 $.get()和$.post()方法
8.2.4 $.ajax()方法
8.2.5 表单序列化
8.2.6 $.getScript()和$.getJSON()方法
8.3 jQuery插件
8.3.1 插件简介
8.3.2 开发plugin
8.3.3 第三方插件的使用
任务实施
任务训练
【理论测试】
【实训内容】
【实训拓展】
第9章 项目实战:jQuery UI实现服饰网站
学习目标
【知识目标】
【技能目标】
任务描述:实现服饰网站
知识准备
9.1 jQuery UI插件
9.1.1 jQuery UI简介
9.1.2 jQuery UI使用:datepicker
9.1.3 jQuery UI使用:dialog
9.2 服饰网站:页眉的设计与实现
9.2.1 页眉元素及CSS样式代码设计
9.2.2 jQuery UI使用:button
9.3 服饰网站:页面主体部分的设计与实现
9.3.1 页面主体部分设计
9.3.2 菜单的设计
9.3.3 主体选项卡的设计
9.3.4 页脚模块的实现
9.4 服饰网站:商品详情页面的设计与实现
9.4.1 详情页面页眉设计
9.4.2 详情页面主体的内容结构描述
9.4.3 详情页面主体的样式设置
9.4.4 详情页面主体的功能实现
任务训练
【实训内容】
【实训拓展】
参考文献