## 章名目录

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

【下篇】 Bootstrap篇
第11章　Bootstrap基础
第12章　CSS原子化与工具类
第13章　Bootstrap的栅格布局
第14章　Bootstrap的表单样式
第15章　Bootstrap的组件库
第16章　综合实例二：产品着陆页
第17章　综合实例三：网络相册



## 详细目录

【上篇】 jQuery篇

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

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

第4章　使用jQuery控制DOM
4.1 网页中的DOM框架　54
4.2 DOM中的节点　54
4.2.1 元素节点　55
4.2.2 文本节点　55
4.2.3 属性节点　55
4.3 标记的属性　55
4.3.1 获取属性的值　56
4.3.2 设置属性的值　57
4.3.3 删除属性　59
4.4 元素的样式　59
4.4.1 添加、删除CSS类　60
4.4.2 动态切换　60
4.4.3 直接获取、设置样式　61
4.5 页面的元素　63
4.5.1 直接获取、编辑内容　63
4.5.2 添加元素　64
4.5.3 删除元素　68
4.5.4 克隆元素　70
4.6 表单元素的值　71
4.6.1 获取表单元素的值　72
4.6.2 设置表单元素的值　73
4.7 元素的尺寸　74
4.8 元素的位置　76
4.8.1 offset()方法　76
4.8.2 position()方法　77
4.8.3 scrollTop()方法　78
本章小结　79
习题4　79

第5章　jQuery事件
5.1 事件与事件流　80
5.2 事件监听　81
5.2.1 bind()方法　81
5.2.2 one()方法　83
5.2.3 JavaScript的事件监听　84
5.3 事件删除　85
5.4 事件对象　87
5.5 事件触发　88
5.6 事件的动态交替　89
5.6.1 hover事件的交替　89
5.6.2 click事件的交替　90
5.7 事件委托　91
5.8 动手练习：快餐在线　93
5.8.1 框架搭建　93
5.8.2 添加事件　94
5.8.3 样式　97
本章小结　99
习题5　99

第6章　jQuery的功能函数
6.1 处理JavaScript对象　101
6.1.1 遍历　101
6.1.2 数据过滤　103
6.1.3 数组的转化　104
6.1.4 数组元素的查找　107
6.2 $.data()方法　108
6.3 $.extend()方法　109
6.4 类型判断　110
本章小结　112
习题6　112

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

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

第9章　jQuery插件
9.1 模拟加入购物车　147
9.1.1 鼠标拖曳　147
9.1.2 拖入购物车　151
9.2 流行的Tab菜单　152
本章小结　155
习题9　155

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

【下篇】 Bootstrap篇

第11章　Bootstrap基础
11.1 Bootstrap是什么　164
11.2 下载并使用Bootstrap　165
11.3 常用样式　167
11.3.1 文本样式　167
11.3.2 图片样式　171
11.3.3 表格样式　172
11.4 图标库　174
本章小结　176
习题11　176

第12章　CSS原子化与工具类
12.1 CSS原子化理念　177
12.2 Bootstrap的工具类规则　181
12.3 颜色工具类　182
12.4 尺寸工具类　184
12.4.1 font-size　184
12.4.2 padding和margin　184
12.4.3 width和height　185
12.5 布局工具类　186
12.5.1 display　186
12.5.2 flexbox　186
12.5.3 实例：制作导航栏　187
12.5.4 float　190
12.6 其他工具类　191
12.7 动手练习：创建嵌套的留言布局　192
12.7.1 搭建框架　193
12.7.2 用工具类布局　193
12.7.3 头像放在右侧　194
12.7.4 实现布局的嵌套　194
本章小结　195
习题12　195

第13章　Bootstrap的栅格布局
13.1 栅格布局基础　196
13.1.1 栅格布局的理念　196
13.1.2 实例　198
13.1.3 理解屏幕的分辨率概念　204
13.2 基本用法　206
13.2.1 响应式断点　206
13.2.2 常规用法　207
13.2.3 设置行间距与列间距　209
13.3 高级用法　212
13.3.1 栅格嵌套　212
13.3.2 流式布局　213
13.3.3 设定列宽　214
13.3.4 列的偏移与对齐　216
本章小结　219
习题13　219

第14章　Bootstrap的表单样式
14.1 表单控件样式　221
14.1.1 输入框　221
14.1.2 选择框　224
14.1.3 单选框与复选框　225
14.1.4 滑动条输入　227
14.1.5 输入组　227
14.2 表单布局　228
14.3 表单校验　230
14.3.1 客户端校验　230
14.3.2 服务器端校验　232
14.4 动手练习：创建一个下单结账页面　233
本章小结　234
习题14　235

第15章　Bootstrap的组件库
15.1 按钮　236
15.2 反馈和提示类组件　238
15.2.1 警告框　238
15.2.2 加载中　238
15.2.3 轻量提示　239
15.2.4 模态框　242
15.3 导航栏　244
15.4 卡片　248
15.5 轮播图　252
本章小结　253
习题15　253

第16章　综合实例二：产品着陆页
16.1 页面结构分析　256
16.2 制作页头和页脚　257
16.3 制作第一屏　258
16.4 制作图文介绍　259
16.5 制作课程特色　261
16.6 适配平板电脑端　262
16.6.1 适配页头　263
16.6.2 适配第一屏　263
16.6.3 适配图文介绍　264
16.6.4 适配课程特色　265
16.7 适配PC端　266
本章小结　268

第17章　综合实例三：网络相册
17.1 分析架构　269
17.2 模块拆分　270
17.2.1 缩略图排列　270
17.2.2 缩略图提示　272
17.2.3 显示大图　273
17.3 功能细化　273
17.3.1 单击缩略图显示大图　273
17.3.2 浏览大图　274
17.3.3 单击大图切换为下一幅图　276
本章小结　276