本书分为上下两篇，通过实例讲解jQuery框架的相关技术。上篇针对jQuery基础知识，以及选择器、控制DOM、事件、AJAX、动画、插件等内容进行讲解。下篇通过5个综合实例，演示使用jQuery进行综合项目开发的过程。

温谦：
全栈工程师，前沿科技创始人，现从事企业大型软件系统的分析与开发工作，拥有20年的软件开发经验，主持并成功开发了多个复杂系统，项目实战经验丰富。
常销书作者，毕业于华中科技大学计算机专业，主编网页设计与软件开发相关领域图书共12本，图书编写经验颇丰，其中《HTML CSS网页设计与布局从入门到精通》《网页设计与布局项目化教程（HTML CSS DIV）》等图书常销10余年，被百余所高校选作教材。

【上篇】 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编写第1个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 安装N0de.js环境 239
14.3.2 准备项目文件 240
14.3.3 安装webpack及相关组件 241
14.3.4 预览与调试 244
14.3.5 打包 246
本章小结 248