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

丛书特色： （1）编排丰富实战案例，可扫前言二维码进行快速预览。 （2）提供在线实训平台（http://code.artech.cn），支撑随时开展全书案例实战演练。 （3）开源分阶实战项目（http://www.geekfun.website），助力不同层次读者（学生）获取企业实战项目开发能力。 （4）配套多类教辅资源，包含文本类、视频类（微课视频）、案例类、平台类等。 （5）建立教师服务与交流群（QQ群号：368845661），立体化服务院校教师教学。 特别说明： 为了使本书中的案例作用最大化，我们专门为其提供了“在线实训平台”（http://code.artech.cn）。该平台的具体功能介绍如下。 【在线实训平台】功能： （1）教师可以利用该平台，在上课过程中直接演练（展示）书中的所有案例，并可通过实时的运行结果同步讲解相关知识点和技能。 （2）师生可以通过该平台观看全书导学、原理讲解、案例讲解等视频，配合实操演练，随时随地进行学习，支持开展线上线下混合式教学。 （3）学生可以在课前或课后通过该平台，实操练习书中的所有案例，实时查看代码运行结果，而且所有案例代码均支持复制与还原。 （4）学生还可以通过该平台实操练习各章课后的实操题，并可通过微信分享功能，将实操的结果分享给其他人，如分享给老师进行审阅。 说明：扫描“从书序中的二维码”可以了解该平台的具体使用方法，教师也可通过“教师用书指导手册”了解该平台的具体操作步骤。

温谦： ## 全栈工程师，前沿科技创始人，现从事企业大型软件系统的分析与开发工作，拥有超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