jQuery+Bootstrap Web开发案例教程

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

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

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

特别说明

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

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

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

内容摘要

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

详情页

目录

## 章名目录

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

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

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

相关文章

相关图书

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