顶部
收藏

JavaScript与jQuery案例教程


作者:
郑丽萍 刘万辉
定价:
45.30 元
版面字数:
410千字
开本:
16开
装帧形式:
平装
版次:
1
最新版次
印刷时间:
2026年
ISBN:
978-7-04-049510-2
物料号:
49510-00
出版时间:
2018-05-21
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
计算机类
三级分类:
计算机类专业基础课程

本书内容涵盖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 详情页面主体的功能实现
                                                                                                                                                                                                                                                                                                                                                                                                      • 任务训练
                                                                                                                                                                                                                                                                                                                                                                                                        • 【实训内容】
                                                                                                                                                                                                                                                                                                                                                                                                          • 【实训拓展】
                                                                                                                                                                                                                                                                                                                                                                                                        • 参考文献
                                                                                                                                                                                                                                                                                                                                                                                                        1-1:JavaScript简介
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        1-2:JavaScript相关应用
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        1-3:HBuilder的快速开发
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        1-4:JavaScript的使用方法
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        1-5:JavaScript常用的输出语句
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        1-6:JavaScript实现商品详情展示
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-1:JavaScript数据类型-数值型
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-2:JavaScript数据类型-字符串
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-3:JavaScript数据类型-布尔型
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-4:JavaScript数据类型-特殊数据类型
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-5:复合数据类型-json的遍历
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-6:数据类型的自动转换
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-7:JavaScript 变量
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-8:JavaScript 函数
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-9:函数的使用实现点亮灯泡
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-10:变量的作用域
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-11:typeof的用法
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-12:三元运算符实现图片切换
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-13:if...else...语句
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书
                                                                                                                                                                                                                                                                                                                                                                                                        2-14:switch语句
                                                                                                                                                                                                                                                                                                                                                                                                        文档mp4
                                                                                                                                                                                                                                                                                                                                                                                                        详见纸质图书

                                                                                                                                                                                                                                                                                                                                                                                                        相关图书