jQuery程序设计实例教程

jQuery是一个快速、小巧、简洁且功能丰富的JavaScript库(又称为JavaScript框架)，也是目前Web前端开发的热门技术之一，其实际应用也十分广泛。为满足社会的实际需求，并提高学生的专业技能与就业能力，多数高校的计算机、电子商务以及其他相关专业均开设了jQuery程序设计等Web应用开发类课程。
本书以应用为导向，以实用为原则，以能力提升为目标，以典型实例为依托，遵循案例教学的基本思想，按照由浅入深、循序渐进的原则，精心设计，合理安排，全面介绍了jQuery程序设计的有关技术与相关应用。全书实例翔实，编排合理，循序渐进，结构清晰，共分为8章，包括jQuery概述、jQuery选择器、jQuery元素操作、jQuery事件处理、jQuery表单操作、jQuery Ajax应用、jQuery插件与jQuery应用案例。各章均有“本章要点”“学习目标”与“本章小结”，既便于抓住重点、明确目标，也利于“温故而知新”。书中的诸多内容均设有相应的“说明”“注意”“提示”等知识点，以便于读者的理解与提高，并为其带来“原来如此”“豁然开朗”的美妙感觉。此外，各章均安排有相应的思考题，以利于读者的及时回顾与检测。书末还附有全面的实验指导，以方便读者上机实践。
本书所有示例的代码均已通过调试，并能成功运行，其开发环境为Windows 7、Dreamweaver CS6、jQuery 1.12.4、jQuery UI 1.12.1、jQuery EasyUI 1.8.1与XAMPP 2016。
本书内容全面，结构清晰，语言流畅，通俗易懂，准确严谨，颇具特色，集系统性、条理性于一身，融实用性、技巧性于一体，注重应用开发能力的培养，可充分满足课程教学的实际需要，适合各个层面、各种水平的读者，既可作为各高校本科或高职高专计算机、电子商务及相关专业jQuery程序设计、jQuery开发技术等课程的教材或教学参考书，也可作为Web应用开发人员的技术参考书以及初学者的自学教程。
本书的写作与出版，得到了清华大学出版社的大力支持与帮助，在此表示衷心感谢。在紧张的写作过程中，自始至终也得到了家人、同事的理解与支持，在此亦深表谢意。
由于作者经验不足、水平有限，且时间较为仓促，书中不妥之处在所难免，恳请广大读者多加指正、不吝赐教。
　　
　　
编 者

《jQuery程序设计实例教程》以应用为导向，以实用为原则，以能力提升为目标，以典型实例为依托，全面介绍了jQuery程序设计的有关技术与相关应用。全书共分为8章，包括jQuery概述、jQuery选择器、jQuery元素操作、jQuery事件处理、jQuery表单操作、jQuery Ajax应用、jQuery插件与jQuery应用案例等内容，并附有相应的思考题与实验指导。 《jQuery程序设计实例教程》所有示例的代码均已通过调试，并能成功运行，其开发环境为Windows 7、Dreamweaver CS 6、jQuery 1.12.4、jQuery UI 1.12.1、jQuery EasyUI 1.8.1与XAMPP 2016。 《jQuery程序设计实例教程》内容全面，面向应用，示例翔实，解析到位，编排合理，结构清晰，准确严谨，注重应用开发能力的培养，可作为各高校本科或高职高专计算机、电子商务及相关专业jQuery程序设计、jQuery开发技术等课程的教材或教学参考书，也可作为Web应用开发人员的技术参考书以及初学者的自学教程。

卢守东，1992年6月毕业于桂林电子工业学院电子计算机系计算机及应用专业，现为广西财经学院信息与统计学院专任教师，高级工程师。主讲《C语言程序设计》、《数据库原理及应用》、《Java EE程序设计》、《ASP.NET程序设计》等课程。主要研究

前 言
　　jQuery是一个快速、小巧、简洁且功能丰富的JavaScript库(又称为JavaScript框架)，也是目前Web前端开发的热门技术之一，其实际应用也十分广泛。为满足社会的实际需求，并提高学生的专业技能与就业能力，多数高校的计算机、电子商务以及其他相关专业均开设了jQuery程序设计等Web应用开发类课程。
　　本书以应用为导向，以实用为原则，以能力提升为目标，以典型实例为依托，遵循案例教学的基本思想，按照由浅入深、循序渐进的原则，精心设计，合理安排，全面介绍了jQuery程序设计的有关技术与相关应用。全书实例翔实，编排合理，循序渐进，结构清晰，共分为8章，包括jQuery概述、jQuery选择器、jQuery元素操作、jQuery事件处理、jQuery表单操作、jQuery Ajax应用、jQuery插件与jQuery应用案例。各章均有“本章要点”“学习目标”与“本章小结”，既便于抓住重点、明确目标，也利于“温故而知新”。书中的诸多内容均设有相应的“说明”“注意”“提示”等知识点，以便于读者的理解与提高，并为其带来“原来如此”“豁然开朗”的美妙感觉。此外，各章均安排有相应的思考题，以利于读者的及时回顾与检测。书末还附有全面的实验指导，以方便读者上机实践。
　　本书所有示例的代码均已通过调试，并能成功运行，其开发环境为Windows 7、Dreamweaver CS6、jQuery 1.12.4、jQuery UI 1.12.1、jQuery EasyUI 1.8.1与XAMPP 2016。
　　本书内容全面，结构清晰，语言流畅，通俗易懂，准确严谨，颇具特色，集系统性、条理性于一身，融实用性、技巧性于一体，注重应用开发能力的培养，可充分满足课程教学的实际需要，适合各个层面、各种水平的读者，既可作为各高校本科或高职高专计算机、电子商务及相关专业jQuery程序设计、jQuery开发技术等课程的教材或教学参考书，也可作为Web应用开发人员的技术参考书以及初学者的自学教程。
　　本书的写作与出版，得到了清华大学出版社的大力支持与帮助，在此表示衷心感谢。在紧张的写作过程中，自始至终也得到了家人、同事的理解与支持，在此亦深表谢意。
　　由于作者经验不足、水平有限，且时间较为仓促，书中不妥之处在所难免，恳请广大读者多加指正、不吝赐教。
　　
　　
编 者

方向为数字图像处理、数据挖掘、Web服务与云计算等。

第1章 jQuery概述 1
1.1 jQuery简介 2
1.2 jQuery应用基础 3
1.2.1 jQuery的下载 3
1.2.2 jQuery的添加 5
1.2.3 jQuery的引用 5
1.2.4 jQuery的测试 6
1.3 jQuery程序开发工具 8
1.4 jQuery程序设计实例 11
本章小结 15
思考题 16

第2章 jQuery选择器 17
2.1 选择器简介 18
2.2 基本选择器 19
2.2.1 ID选择器 19
2.2.2 标记选择器 20
2.2.3 类名选择器 22
2.2.4 交集选择器 23
2.2.5 并集选择器 25
2.2.6 全局选择器 26
2.3 层次选择器 28
2.3.1 后代选择器 28
2.3.2 子女选择器 29
2.3.3 近邻选择器 31
2.3.4 同胞选择器 33
2.4 表单选择器 35
2.5 过滤选择器 38
2.5.1 简单过滤器 38
2.5.2 内容过滤器 41
2.5.3 属性过滤器 42
2.5.4 子元素过滤器 44
2.5.5 可见性过滤器 46
2.5.6 表单域属性过滤器 48
2.6 选择器应用实例 52
本章小结 58
思考题 58

第3章 jQuery元素操作 59
3.1 元素操作简介 60
3.2 元素内容的操作 60
3.2.1 元素内容的获取 60
3.2.2 元素内容的设置 62
3.3 元素值的操作 65
3.3.1 元素值的获取 65
3.3.2 元素值的设置 67
3.4 元素属性的操作 69
3.4.1 元素属性的获取 69
3.4.2 元素属性的设置 71
3.4.3 元素属性的删除 72
3.5 元素样式的操作 74
3.5.1 元素样式属性的操作 74
3.5.2 元素样式类的操作 76
3.6 元素节点的操作 78
3.6.1 元素节点的查找 78
3.6.2 元素节点的创建 78
3.6.3 元素节点的插入 79
3.6.4 元素节点的删除 83
3.6.5 元素节点的清空 86
3.6.6 元素节点的复制 87
3.6.7 元素节点的替换 90
3.6.8 元素节点的包裹 91
3.6.9 元素节点的遍历 95
3.7 元素操作应用实例 97
本章小结 100
思考题 100

第4章 jQuery事件处理 103
4.1 事件简介 104
4.2 事件方法 105
4.2.1 事件处理函数的绑定 105
4.2.2 事件处理函数的执行 107
4.3 事件的基本操作 109
4.3.1 事件的绑定 109
4.3.2 事件的解绑 111
4.3.3 事件的触发 114
4.4 悬停操作的模拟 116
4.5 事件对象的应用 118
4.5.1 事件对象的获取 118
4.5.2 事件冒泡的阻止 120
4.5.3 默认行为的阻止 124
4.6 动画效果的实现 127
4.6.1 显示隐藏效果 127
4.6.2 淡入淡出效果 131
4.6.3 滑上滑下效果 132
4.6.4 自定义动画效果 133
4.7 表格操作的实现 138
4.7.1 选中行的标示 138
4.7.2 表格的伸缩显示 140
4.7.3 表格内容的筛选 142
4.8 事件处理应用实例 145
本章小结 147
思考题 147

第5章 jQuery表单操作 149
5.1 表单简介 150
5.2 表单的元素操作 153
5.2.1 文本框的操作 153
5.2.2 文本域的操作 156
5.2.3 单选按钮的操作 159
5.2.4 复选框的操作 161
5.2.5 列表框的操作 164
5.3 表单的事件处理 166
5.3.1 焦点的获取 166
5.3.2 焦点的失去 168
5.3.3 值的改变 170
5.3.4 文本的选择 172
5.3.5 表单的提交 173
5.4 表单的数据验证 175
5.5 表单操作应用实例 178
本章小结 181
思考题 181

第6章 jQuery Ajax应用 183
6.1 Ajax简介 184
6.1.1 Ajax的基本概念 184
6.1.2 Ajax的应用模式 184
6.1.3 Ajax的运行环境 185
6.1.4 Ajax的编程基础 187
6.2 jQuery Ajax应用技术 191
6.2.1 使用load()方法加载数据 192
6.2.2 使用$.get()方法发送请求 194
6.2.3 使用$.post()方法发送请求 197
6.2.4 使用$.getScript()方法加载JavaScript脚本 199
6.2.5 使用$.getJSON()方法加载JSON数据 201
6.2.6 使用$.ajax()方法发送请求 204
6.2.7 使用serialize()方法序列化表单 207
6.2.8 使用Ajax事件监控请求 209
6.3 jQuery Ajax应用实例 213
本章小结 215
思考题 216

第7章 jQuery插件 217
7.1 jQuery插件简介 218
7.2 jQuery UI插件 218
7.2.1 jQuery UI简介 218
7.2.2 jQuery UI的下载 218
7.2.3 jQuery UI的使用 221
7.2.4 jQuery UI的应用基础 222
7.2.5 jQuery UI的应用实例 224
7.3 jQuery EasyUI插件 234
7.3.1 jQuery EasyUI简介 234
7.3.2 jQuery EasyUI的下载 234
7.3.3 jQuery EasyUI的使用 237
7.3.4 jQuery EasyUI的应用实例 237
7.4 第三方jQuery插件 241
7.4.1 第三方jQuery插件简介 241
7.4.2 第三方jQuery插件的下载 241
7.4.3 第三方jQuery插件的使用 242
7.4.4 第三方jQuery插件的应用
实例 242
本章小结 247
思考题 248

第8章 jQuery应用案例 249
8.1 网站首页的设计 250
8.2 网站首页的实现 252
8.2.1 开发环境的搭建 252
8.2.2 导航菜单的实现 252
8.2.3 轮播效果的实现 256
8.2.4 展示功能的实现 260
8.2.5 页脚区域的实现 267
8.2.6 浮动窗口的实现 270
本章小结 273
思考题 273

附录 实验指导 275

参考文献 288
　　
　　

《jQuery程序设计实例教程》以应用为导向，以实用为原则，以能力提升为目标，以典型实例为依托，全面介绍了jQuery程序设计的有关技术与相关应用。书中所有示例的代码均已通过调试，并能成功运行，其开发环境为Windows 7、Dreamweaver CS 6、jQuery 1.12.4、jQuery UI 1.12.1、jQuery EasyUI 1.8.1与XAMPP 2016。