## 章名目录

【上篇】　jQurey基础篇
第1章　jQuery基础
第2章　HTML5、CSS3和JavaScript基础知识
第3章　jQuery选择器与管理结果集
第4章　使用jQuery控制DOM
第5章　jQuery事件
第6章　jQuery的功能函数
第7章　jQuery与AJAX
第8章　利用jQuery制作动画与特效
第9章　jQuery插件

【下篇】 jQuery综合实例篇
第10章　综合实例一：网页留言本
第11章　综合实例二：网络相册
第12章　综合实例三：交互式流量套餐选择页面
第13章　综合实例四：网页图片剪裁器
第14章　综合实例五：前端工程化



## 详细目录

【上篇】　jQurey基础篇

第1章　jQuery基础
1.1 jQuery概述　2
1.1.1 jQuery简介　2
1.1.2 下载并使用jQuery　3
1.2 jQuery的$　4
1.2.1 选择器　4
1.2.2 功能函数的前缀　6
1.2.3 window.onload　6
1.2.4 创建DOM元素　7
1.2.5 扩展jQuery　8
1.2.6 冲突问题　9
1.3 使用VSCode编写第一个jQuery页面　10
1.3.1 创建基础的HTML文档　10
1.3.2 编写jQuery代码　11
本章小结　12
习题1　12

第2章　HTML5、CSS3和JavaScript基础知识
2.1 ES6的新特性　14
2.1.1 let关键字　15
2.1.2 const关键字　15
2.1.3 for…of循环　16
2.1.4 字符串模板　16
2.1.5 参数默认值　17
2.1.6 类与继承　17
2.1.7 箭头函数　18
2.1.8 剩余运算符与剩余参数　20
2.1.9 展开运算符　20
2.1.10 数组的解构赋值　21
2.1.11 对象的解构赋值　21
2.1.12 模块　22
2.2 HTML5新增的语义化标记　23
2.3 CSS3引入的常用新特性　24
2.3.1 CSS3新增的常用样式属性　25
2.3.2 新增的布局方式——弹性盒子布局　27
2.3.3 新增的布局方式——网格布局　28
本章小结　29
习题2　29

第3章　jQuery选择器与管理结果集
3.1 选择器　30
3.1.1 属性选择器　31
3.1.2 包含选择器　33
3.1.3 位置选择器　34
3.1.4 过滤选择器　37
3.1.5 反向选择器　39
3.2 遍历DOM　39
3.2.1 children()　40
3.2.2 parent()和parents()　42
3.2.3 siblings()　44
3.3 管理结果集　45
3.3.1 获取选中元素的个数　46
3.3.2 提取元素　47
3.3.3 添加、删除、过滤　49
3.3.4 查找　52
3.3.5 遍历　53
3.4 jQuery链　54
本章小结　54
习题3　55

第4章　使用jQuery控制DOM
4.1 网页中的DOM框架　57
4.2 DOM中的节点　57
4.2.1 元素节点　58
4.2.2 文本节点　58
4.2.3 属性节点　58
4.3 标记的属性　58
4.3.1 获取属性的值　59
4.3.2 设置属性的值　60
4.3.3 删除属性　62
4.4 元素的样式　62
4.4.1 添加、删除CSS类别　63
4.4.2 动态切换　63
4.4.3 直接获取、设置样式　64
4.5 页面的元素　66
4.5.1 直接获取和编辑内容　66
4.5.2 添加元素　68
4.5.3 删除元素　72
4.5.4 克隆元素　74
4.6 表单元素的值　75
4.6.1 获取表单元素的值　75
4.6.2 设置表单元素的值　77
4.7 元素的尺寸　77
4.7.1 width()和height()方法　78
4.7.2 innerWidth()和innerHeight()方法　79
4.7.3 outerWidth()和outerHeight()方法　80
4.8 元素的位置　81
4.8.1 offset()方法　81
4.8.2 position()方法　82
4.8.3 scrollTop()方法　83
本章小结　84
习题4　84

第5章　jQuery事件
5.1 事件与事件流　86
5.2 事件监听　87
5.2.1 bind()方法　87
5.2.2 one()方法　89
5.2.3 JavaScript的事件监听　90
5.3 事件删除　92
5.4 事件对象　93
5.5 事件触发　95
5.6 事件的动态交替　96
5.6.1 hover事件的交替　96
5.6.2 click事件的交替　97
5.7 事件委托　98
5.8 综合实例：快餐在线　100
5.8.1 框架搭建　100
5.8.2 添加事件　101
5.8.3 样式　104
本章小结　106
习题5　107

第6章　jQuery的功能函数
6.1 处理JavaScript对象　108
6.1.1 遍历　108
6.1.2 数据过滤　110
6.1.3 数组的转化　112
6.1.4 数组元素的查找　114
6.2 获取外部代码　115
6.3 $.data()方法　116
6.4 $.extend()方法　118
6.5 类型判断　119
本章小结　120
习题6　121

第7章　jQuery与AJAX
7.1 认识AJAX　122
7.1.1 AJAX的基本概念　122
7.1.2 AJAX的组成　124
7.2 获取异步数据　124
7.2.1 传统方法　124
7.2.2 jQuery的load()方法　126
7.3 GET与POST　128
7.4 控制AJAX　130
7.4.1 设置AJAX访问服务器的细节　130
7.4.2 全局设定AJAX　133
7.4.3 AJAX事件　133
7.4.4 实例：模拟百度的数据加载　135
7.5 实例：利用jQuery制作自动提示的文本框　137
7.5.1 框架结构　138
7.5.2 匹配用户输入　139
7.5.3 显示/清除提示框　139
本章小结　143
习题7　143

第8章　利用jQuery制作动画与特效
8.1 元素的显示和隐藏　145
8.1.1 show()和hide()　145
8.1.2 实例：多级菜单　146
8.1.3 toggle()　148
8.2 淡入淡出的特效　149
8.2.1 再探讨show()、hide()和toggle()　149
8.2.2 fadeIn()和fadeOut()　150
8.2.3 自定义变化透明度　151
8.3 幻灯片特效　153
8.4 自定义动画　155
本章小结　156
习题8　156

第9章　jQuery插件
9.1 模拟加入购物车　158
9.1.1 鼠标拖曳　158
9.1.2 拖入购物车　162
9.1.3 模态框提示　163
9.2 流行的Tab菜单　167
9.3 轮播图　170
9.3.1 使用轮播图插件前的准备　170
9.3.2 使用轮播图插件　171
9.3.3 调整轮播图效果　172
本章小结　174
习题9　174

【下篇】 jQuery综合实例篇

第10章　综合实例一：网页留言本
10.1 基本留言本　177
10.2 改用AJAX方式实现留言本　179
10.2.1 读取留言列表　180
10.2.2 保存并返回新留言　180
10.2.3 制作留言本入口页面　180
10.3 对表单数据进行验证　182
本章小结　184

第11章　综合实例二：网络相册
11.1 整体分析　185
11.2 模块拆分　186
11.2.1 缩略图排列　186
11.2.2 缩略图提示　189
11.2.3 显示大图　189
11.3 功能细化　191
11.3.1 初始化页面　191
11.3.2 单击缩略图　191
11.3.3 关闭按钮　192
11.3.4 大图浏览　193
本章小结　195

第12章　综合实例三：交互式流量套餐选择页面
12.1 表格框架　197
12.1.1 表格　197
12.1.2 选择套餐　198
12.1.3 商用页面　199
12.2 交互选择　201
12.3 注册单　202
12.3.1 注册单框架　202
12.3.2 注册单的显示和隐藏　204
12.3.3 AJAX校验　206
12.3.4 密码校验　208
12.3.5 AJAX提交　208
本章小结　210

第13章　综合实例四：网页图片剪裁器
13.1 整体分析　212
13.2 页面HTML结构和CSS样式　213
13.2.1 HTML结构　213
13.2.2 选区部分的结构与样式　214
13.3 实现核心逻辑　215
13.3.1 定义基础类　215
13.3.2 定义Cropper类　217
13.4 使用jQuery处理交互　221
13.4.1 初始化图像　221
13.4.2 控制选区　222
13.4.3 最终剪裁　226
本章小结　227

第14章　综合实例五：前端工程化
14.1 在浏览器中监视与调试　228
14.1.1 使用console.log()和alert()方法监视输出值　228
14.1.2 使用调试器　230
14.2 JavaScript优化　232
14.2.1 压缩代码量　232
14.2.2 变量作用域　234
14.2.3 使用内置函数　236
14.2.4 优化if语句　237
14.2.5 最小化语句数量　237
14.2.6 减少DOM操作　238
14.3 使用webpack构建系统　238
14.3.1 安装Node.js环境　239
14.3.2 准备项目文件　240
14.3.3 安装webpack及相关组件　241
14.3.4 预览与调试　244
14.3.5 打包　246
本章小结　248