jQuery Web开发案例教程 : 在线实训版

✍ Scribed by 温谦编著, 温谦 (计算机)

• Publisher: 人民邮电出版社
• Year: 2022
• Tongue: Chinese
• Leaves: 263
• Category: Library

✦ Table of Contents

上篇 jQuery基础篇
第1章jQuery 基础
1.1 jQuery 概述
1.1.1 jQuery 简介
1.1.2 下载并使用jQuery
1.2 jQuery 的$
1.2.1 选择器
1.2.2 功能函数的前缀
1.2.3 window.onload
1.2.4 创建DOM 元素
1.2.5 扩展jQuery
1.2.6 冲突问题
1.3 使用VSCode 编写第一个jQuery 页面
1.3.1 创建基础的HTML 文档
1.3.2 编写jQuery 代码
本章小结
习题1
第2章HTML5、CSS3 和JavaScript 基础知识
2.1 ES6 的新特性
2.1.1 let 关键字
2.1.2 const 关键字
2.1.3 for…of 循环
2.1.4 字符串模板
2.1.5 参数默认值
2.1.6 类与继承
2.1.7 箭头函数
2.1.8 剩余运算符与剩余参数
2.1.9 展开运算符
2.1.10 数组的解构赋值
2.1.11 对象的解构赋值
2.1.12 模块
2.2 HTML5 新增的语义化标记
2.3 CSS3 引入的常用新特性
2.3.1 CSS3 新增的常用样式属性
2.3.2 新增的布局方式——弹性盒子布局
2.3.3 新增的布局方式——网格布局
本章小结
习题2
第3章jQuery 选择器与管理结果集
3.1 选择器
3.1.1 属性选择器
3.1.2 包含选择器
3.1.3 位置选择器
3.1.4 过滤选择器
3.1.5 反向选择器
3.2 遍历DOM
3.2.1 children()
3.2.2 parent()和parents()
3.2.3 siblings()
3.3 管理结果集
3.3.1 获取选中元素的个数
3.3.2 提取元素
3.3.3 添加、删除、过滤
3.3.4 查找
3.3.5 遍历
3.4 jQuery 链
本章小结
习题3
第4章使用jQuery 控制DOM
4.1 网页中的DOM 框架
4.2 DOM 中的节点
4.2.1 元素节点
4.2.2 文本节点
4.2.3 属性节点
4.3 标记的属性
4.3.1 获取属性的值
4.3.2 设置属性的值
4.3.3 删除属性
4.4 元素的样式
4.4.1 添加、删除CSS 类别
4.4.2 动态切换
4.4.3 直接获取、设置样式
4.5 页面的元素
4.5.1 直接获取和编辑内容
4.5.2 添加元素
4.5.3 删除元素
4.5.4 克隆元素
4.6 表单元素的值
4.6.1 获取表单元素的值
4.6.2 设置表单元素的值
4.7 元素的尺寸
4.7.1 width()和height()方法
4.7.2 innerWidth()和innerHeight()方法
4.7.3 outerWidth()和outerHeight()方法
4.8 元素的位置
4.8.1 offset()方法
4.8.2 position()方法
4.8.3 scrollTop()方法
本章小结
习题4
第5章jQuery 事件
5.1 事件与事件流
5.2 事件监听
5.2.1 bind()方法
5.2.2 one()方法
5.2.3 JavaScript 的事件监听
5.3 事件删除
5.4 事件对象
5.5 事件触发
5.6 事件的动态交替
5.6.1 hover 事件的交替
5.6.2 click 事件的交替
5.7 事件委托
5.8 综合实例：快餐在线
5.8.1 框架搭建
5.8.2 添加事件
5.8.3 样式
本章小结
习题5
第6章jQuery 的功能函数
6.1 处理JavaScript 对象
6.1.1 遍历
6.1.2 数据过滤
6.1.3 数组的转化
6.1.4 数组元素的查找
6.2 获取外部代码
6.3 $.data()方法
6.4 $.extend()方法
6.5 类型判断
本章小结
习题6
第7章jQuery 与AJAX
7.1 认识AJAX
7.1.1 AJAX 的基本概念
7.1.2 AJAX 的组成
7.2 获取异步数据
7.2.1 传统方法
7.2.2 jQuery 的load()方法
7.3 GET 与POST
7.4 控制AJAX
7.4.1 设置AJAX 访问服务器的细节
7.4.2 全局设定AJAX
7.4.3 AJAX 事件
7.4.4 实例：模拟百度的数据加载
7.5 实例：利用jQuery 制作自动提示的文本框
7.5.1 框架结构
7.5.2 匹配用户输入
7.5.3 显示/清除提示框
本章小结
习题7
第8章利用jQuery 制作动画与特效
8.1 元素的显示和隐藏
8.1.1 show()和hide()
8.1.2 实例：多级菜单
8.1.3 toggle()
8.2 淡入淡出的特效
8.2.1 再探讨show()、hide()和toggle()
8.2.2 fadeIn()和fadeOut()
8.2.3 自定义变化透明度
8.3 幻灯片特效
8.4 自定义动画
本章小结
习题8
第9章jQuery 插件
9.1 模拟加入购物车
9.1.1 鼠标拖曳
9.1.2 拖入购物车
9.1.3 模态框提示
9.2 流行的Tab 菜单
9.3 轮播图
9.3.1 使用轮播图插件前的准备
9.3.2 使用轮播图插件
9.3.3 调整轮播图效果
本章小结
习题9
下篇jQuery综合实例篇
第10章综合实例一：网页留言本
10.1 基本留言本
10.2 改用AJAX 方式实现留言本
10.2.1 读取留言列表
10.2.2 保存并返回新留言
10.2.3 制作留言本入口页面
10.3 对表单数据进行验证
本章小结
第11章综合实例二：网络相册
11.1 整体分析
11.2 模块拆分
11.2.1 缩略图排列
11.2.2 缩略图提示
11.2.3 显示大图
11.3 功能细化
11.3.1 初始化页面
11.3.2 单击缩略图
11.3.3 关闭按钮
11.3.4 大图浏览
本章小结
第12章综合实例三：交互式流量套餐选择页面
12.1 表格框架
12.1.1 表格
12.1.2 选择套餐
12.1.3 商用页面
12.2 交互选择
12.3 注册单
12.3.1 注册单框架
12.3.2 注册单的显示和隐藏
12.3.3 AJAX 校验
12.3.4 密码校验
12.3.5 AJAX 提交
本章小结
第13章综合实例四：网页图片剪裁器
13.1 整体分析
13.2 页面HTML 结构和CSS 样式
13.2.1 HTML 结构
13.2.2 选区部分的结构与样式
13.3 实现核心逻辑
13.3.1 定义基础类
13.3.2 定义Cropper 类
13.4 使用jQuery 处理交互
13.4.1 初始化图像
13.4.2 控制选区
13.4.3 最终剪裁
本章小结
第14章综合实例五：前端工程化
14.1 在浏览器中监视与调试
14.1.1 使用console.log()和alert()方法监视输出值
14.1.2 使用调试器
14.2 JavaScript 优化
14.2.1 压缩代码量
14.2.2 变量作用域
14.2.3 使用内置函数
14.2.4 优化if 语句
14.2.5 最小化语句数量
14.2.6 减少DOM 操作
14.3 使用webpack 构建系统
14.3.1 安装Node.js 环境
14.3.2 准备项目文件
14.3.3 安装webpack 及相关组件
14.3.4 预览与调试
14.3.5 打包
本章小结