jQuery Web开发案例教程

图书标准信息

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

【内容简介】

随着互联网技术的不断发展，JavaScript语言及相关技术越来越受到人们的关注，JavaScript框架层出不穷。jQuery作为JavaScript框架中的优秀代表，为广大开发者提供了诸多便利，持久地占据着Web前端开发技术中的重要位置。
  本书分为上下两篇，通过丰富的实例详细讲解jQuery框架的相关技术。本书上篇会针对jQuery基础知识，以及选择器、控制DOM、事件、AJAX、动画、插件等专题进行深入讲解，这一部分将重点通过应用和案例来讲解实战问题。本书下篇会通过5个综合实例，完整地演示使用jQuery进行综合项目开发的过程，使读者能够真正地将jQuery应用到真实的项目开发环节中，并对Web前端的工程化有所认知。本书内容翔实、结构框架清晰、讲解循序渐进，并注重各章以及实例之间的呼应与对照。
  本书既可以作为高等院校相关专业网页设计与制作、前端开发等课程的教材，也可以作为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编写第 一个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