jQuery Web开发案例教程

全栈工程师团队精心打磨,Web前端开发新形态精品教材,配套在线实训平台与丰富教辅资源,助力读者快速提升实战能力。
分享 推荐 1 收藏 58 阅读 3.7K
温谦 (作者) 978-7-115-57785-6

关于本书的内容有任何问题,请联系 人邮社 王宣

(1)编排丰富实战案例,可扫前言二维码进行快速预览。
(2)提供在线实训平台(http://code.artech.cn),支撑随时开展全书案例实战演练。
(3)开源分阶实战项目(http://www.geekfun.website),助力不同层次读者(学生)获取企业实战项目开发能力。
(4)配套多类教辅资源,包含文本类、视频类(微课视频)、案例类、平台类等。
(5)建立教师服务与交流群(QQ群号:368845661),立体化服务院校教师教学。

特别说明

为了使本书中的案例作用最大化,我们专门为其提供了“在线实训平台”(http://code.artech.cn)。该平台的具体功能介绍如下。

【在线实训平台】功能:
(1)教师可以利用该平台,在上课过程中直接演练(展示)书中的所有案例,并可通过实时的运行结果同步讲解相关知识点和技能。
(2)师生可以通过该平台观看全书导学、原理讲解、案例讲解等视频,配合实操演练,随时随地进行学习,支持开展线上线下混合式教学。
(3)学生可以在课前或课后通过该平台,实操练习书中的所有案例,实时查看代码运行结果,而且所有案例代码均支持复制与还原。
(4)学生还可以通过该平台实操练习各章课后的实操题,并可通过微信分享功能,将实操的结果分享给其他人,如分享给老师进行审阅。

说明:扫描“从书序中的二维码”可以了解该平台的具体使用方法,教师也可通过“教师用书指导手册”了解该平台的具体操作步骤。

内容摘要

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

详情页

目录

## 章名目录

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

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

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

相关文章

推荐用户

相关图书

人邮微信
本地服务
人邮微信
教师服务
二维码
读者服务
读者服务
返回顶部
返回顶部