jQuery+Bootstrap Web开发案例教程

图书标准信息

• 作者 前沿科技 温谦
• 出版社 人民邮电出版社
• 出版时间 2022-05
• 版次 1
• ISBN 9787115577863
• 定价 69.80元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸
• 页数 288页
• 字数 524千字

【内容简介】

随着互联网技术的不断发展，HTML5、CSS3、JavaScript语言以及它们的相关技术越来越受到人们的关注，前端框架层出不穷。jQuery和Bootstrap作为前端框架中的优秀代表，为广大开发者提供了诸多便利，持久地占据着Web开发技术中的重要位置。
  本书通过丰富的实例详细讲解jQuery和Bootstrap框架的相关技术。jQuery篇主要包括jQuery基础、如何使用jQuery控制DOM、简化AJAX操作、制作动画与特效以及jQuery插件等内容。Bootstrap篇主要包括工具类、栅格布局、表单样式和组件库等内容。本书使用大量的案例帮助读者理解这两个框架的使用，同时演示综合使用这两个框架进行Web开发的方法。本书内容翔实、结构框架清晰、讲解循序渐进，并注重各章以及实例之间的呼应与对照。
  本书既可以作为高等院校相关专业的网页设计与制作、前端开发等课程的教材，也可以作为jQuery和Bootstrap初学者的入门用书，还可以作为高级用户进一步学习前端框架的参考资料。

【作者简介】

温谦：

## 全栈工程师，前沿科技创始人，现从事企业大型软件系统的分析与开发工作，拥有超20年的软件开发经验，主持并成功开发了多个复杂系统，项目实战经验丰富。

## 常销书作者，毕业于华中科技大学计算机专业，主编网页设计与软件开发相关领域图书共12本，图书编写经验颇丰，其中《HTML CSS网页设计与布局从入门到精通》《网页设计与布局项目化教程（HTML CSS DIV）》等图书常销10余年，被百余所高校选作教材。

【目录】

## 章名目录

【上篇】 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