顶部
收藏

jQuery和Ajax实战教程(第2版)

“十四五”职业教育国家规划教材

作者:
邵山欢
定价:
52.00 元
版面字数:
430.00千字
开本:
16开
装帧形式:
平装
页数:
304
最新
印次时间:
2025年12月
ISBN:
978-7-04-062200-3
物料号:
62200-00
出版时间:
2024-09-18
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
计算机类
三级分类:
软件技术

本书为“十四五”职业教育国家规划教材,以互联网企业实际用人的需求为导向,总结近几年高等职业院校与应用型本科院校相关专业教学改革经验,由有着丰富开发和授课经验的团队编写。

本书介绍jQuery和Ajax相关知识,共包括10章。第1章~第7章介绍jQuery,包括初识jQuery元素获取、内置方法、动画制作、常见运动特效开发、表单,以及jQuery插件等内容;第8章~第10章介绍Ajax相关内容,包括认识服务器、PHP基础入门、MySQL基本使用方法、jQuery和原生JavaScript的Ajax实现、跨域等知识。全书以“通过案例来教学,通过动手来学习”为宗旨,每章都有大量的演示案例和实战案例,通过这些案例,学习者可以在短时间内掌握jQuery和Ajax编程方法,并且不会感觉枯燥。 本书每章的最后均附有作业题。

本书配套建设了微课等丰富的数字化学习资源以及Abook数字课程,教师如需获取本书授课用PPT、电子教案、习题答案等配套资源,请登录“高等教育出版社产品信息检索系统”(xuanshu.hep.com.cn)免费下载。

本书可作为高等职业院校和应用型本科院校软件技术等相关专业的前端开发课程配套教材,也可作为前端开发爱好者的学习和参考用书。

  • 目录
    • 前辅文
      • 第1章 初识jQuery
        • 1.1 jQuery简介
          • 1.1.1 jQuery——一款优秀的JavaScript库
            • 1.1.2 原生JavaScript的DOM开发“痛点”
              • 1.1.3 jQuery简介
              • 1.2 jQuery的版本和下载
                • 1.2.1 jQuery的三代版本
                  • 1.2.2 jQuery下载
                  • 1.3 引入jQuery
                    • 1.4 感受jQuery的魔力
                      • 1.4.1 高效选择元素
                        • 1.4.2 批量操控元素
                          • 1.4.3 轻松实现动画
                          • 1.5 在DOM加载后运行
                            • 1.6 认识jQuery对象
                              • 1.7 本章作业
                              • 第2章 jQuery元素获取
                                • 2.1 引言
                                  • 2.2 CSS 2.1版本的选择器
                                    • 2.3 CSS3选择器
                                      • 2.4 jQuery自创选择器
                                        • 2.4.1 :eq()选择器
                                          • 2.4.2 :first和:last选择器
                                            • 2.4.3 :gt()和:lt()选择器
                                              • 2.4.4 :odd和:even选择器
                                                • 2.4.5 :not()选择器
                                                  • 2.4.6 :contains()选择器
                                                    • 2.4.7 :has()选择器
                                                    • 2.5 节点关系方法
                                                      • 2.5.1 子节点和后代查找
                                                        • 2.5.2 父节点和祖先查找
                                                          • 2.5.3 兄弟节点
                                                            • 2.5.4 组合使用
                                                            • 2.6 本章作业
                                                            • 第3章 jQuery内置方法
                                                              • 3.1 引言
                                                                • 3.2 事件监听
                                                                  • 3.3 样式操作
                                                                    • 3.3.1 css()方法
                                                                      • 3.3.2 width()和height()方法
                                                                        • 3.3.3 innerWidth()和innerHeight()方法
                                                                          • 3.3.4 outerWidth()和outerHeight()方法
                                                                            • 3.3.5 position()方法和offset()方法
                                                                              • 3.3.6 show()方法和hide()方法
                                                                              • 3.4 类名和属性操作
                                                                                • 3.4.1 addClass()和removeClass()方法
                                                                                  • 3.4.2 toggleClass()方法
                                                                                    • 3.4.3 attr()方法
                                                                                      • 3.4.4 data()方法
                                                                                      • 3.5 内部文本操作
                                                                                        • 3.6 节点序号和遍历
                                                                                          • 3.6.1 index()方法
                                                                                            • 3.6.2 each()方法
                                                                                              • 3.6.3 实战案例:评分星星特效
                                                                                              • 3.7 实战案例:选项卡特效
                                                                                                • 3.7.1 业务逻辑分析
                                                                                                  • 3.7.2 jQuery代码实现
                                                                                                  • 3.8 实战案例:折叠卡片
                                                                                                    • 3.8.1 业务逻辑分析
                                                                                                      • 3.8.2 jQuery代码实现
                                                                                                      • 3.9 实战案例:旅游攻略列表
                                                                                                        • 3.9.1 业务逻辑分析
                                                                                                          • 3.9.2 jQuery代码实现
                                                                                                          • 3.10 实战案例:无动画轮播图特效
                                                                                                            • 3.10.1 核心原理
                                                                                                              • 3.10.2 小圆点的实现
                                                                                                                • 3.10.3 实现自动轮播
                                                                                                                • 3.11 节点的创建、删除和克隆
                                                                                                                  • 3.11.1 创建节点
                                                                                                                    • 3.11.2 新节点上树
                                                                                                                      • 3.11.3 移动节点
                                                                                                                        • 3.11.4 删除节点
                                                                                                                          • 3.11.5 克隆节点
                                                                                                                          • 3.12 实战案例:选择幸运号码
                                                                                                                            • 3.13 实战案例:待办事项清单
                                                                                                                              • 3.14 本章作业
                                                                                                                              • 第4章 动画
                                                                                                                                • 4.1 引言
                                                                                                                                  • 4.2 animate()方法
                                                                                                                                    • 4.2.1 基本使用方法
                                                                                                                                      • 4.2.2 可以参与动画的属性
                                                                                                                                        • 4.2.3 回调函数
                                                                                                                                          • 4.2.4 实战案例:豌豆射手小动画
                                                                                                                                            • 4.2.5 实战案例:中国航天成就展示时间轴
                                                                                                                                            • 4.3 快捷动画方法
                                                                                                                                              • 4.3.1 slideUp()和slideDown()方法
                                                                                                                                                • 4.3.2 fadeIn()和fadeOut()方法
                                                                                                                                                  • 4.3.3 show()和hide()方法
                                                                                                                                                    • 4.3.4 实战案例:水平菜单
                                                                                                                                                    • 4.4 多段动画的控制
                                                                                                                                                      • 4.4.1 多段动画的实现
                                                                                                                                                        • 4.4.2 动画的停止和延迟
                                                                                                                                                          • 4.4.3 实战案例:PPT动画
                                                                                                                                                          • 4.5 结合CSS3的transition属性实现动画
                                                                                                                                                            • 4.5.1 基本使用方法
                                                                                                                                                              • 4.5.2 能参与过渡的属性
                                                                                                                                                                • 4.5.3 jQuery结合transition属性实现动画
                                                                                                                                                                  • 4.5.4 实战案例:背景图片移动动画
                                                                                                                                                                    • 4.5.5 实战案例:抽奖转盘
                                                                                                                                                                    • 4.6 实战案例:熊猫展示卡片
                                                                                                                                                                      • 4.6.1 特效机理分析
                                                                                                                                                                        • 4.6.2 代码实现
                                                                                                                                                                        • 4.7 实战案例:城市网格特效
                                                                                                                                                                          • 4.7.1 特效机理分析
                                                                                                                                                                            • 4.7.2 代码实现
                                                                                                                                                                            • 4.8 本章作业
                                                                                                                                                                            • 第5章 常见运动特效开发
                                                                                                                                                                              • 5.1 引言
                                                                                                                                                                                • 5.2 实战案例:无穷连续滚动动画
                                                                                                                                                                                  • 5.2.1 实现图片“周而复始”运动
                                                                                                                                                                                    • 5.2.2 代码编写
                                                                                                                                                                                    • 5.3 实战案例:跑马灯轮播
                                                                                                                                                                                      • 5.3.1 idx信号量编程模式
                                                                                                                                                                                        • 5.3.2 图片“周而复始”实现
                                                                                                                                                                                          • 5.3.3 防止动画积累
                                                                                                                                                                                            • 5.3.4 自动轮播
                                                                                                                                                                                            • 5.4 实战案例:带有缩略图的上下滑动跑马灯轮播
                                                                                                                                                                                              • 5.4.1 双信号量编程模式
                                                                                                                                                                                                • 5.4.2 代码编写
                                                                                                                                                                                                • 5.5 实战案例:图片呼吸轮播
                                                                                                                                                                                                  • 5.5.1 图片呼吸轮播效果原理
                                                                                                                                                                                                    • 5.5.2 代码编写
                                                                                                                                                                                                    • 5.6 实战案例:带有无限循环缩略图的呼吸轮播
                                                                                                                                                                                                      • 5.6.1 学习业务拆分
                                                                                                                                                                                                        • 5.6.2 代码编写
                                                                                                                                                                                                        • 5.7 实战案例:拼图轮播
                                                                                                                                                                                                          • 5.7.1 拼图轮播原理
                                                                                                                                                                                                            • 5.7.2 代码编写
                                                                                                                                                                                                            • 5.8 本章作业
                                                                                                                                                                                                            • 第6章 jQuery表单
                                                                                                                                                                                                              • 6.1 引言
                                                                                                                                                                                                                • 6.2 文本框
                                                                                                                                                                                                                  • 6.2.1 val()方法
                                                                                                                                                                                                                    • 6.2.2 input和change事件
                                                                                                                                                                                                                      • 6.2.3 focus()方法和focus、blur事件
                                                                                                                                                                                                                        • 6.2.4 实战案例:带有字数统计功能的输入框
                                                                                                                                                                                                                          • 6.2.5 实战案例:多币种汇率计算器
                                                                                                                                                                                                                          • 6.3 单选按钮
                                                                                                                                                                                                                            • 6.3.1 获取选中单选按钮的值
                                                                                                                                                                                                                              • 6.3.2 设置单选按钮选中状态、禁用状态
                                                                                                                                                                                                                                • 6.3.3 change()事件
                                                                                                                                                                                                                                  • 6.3.4 实战案例:城市高亮选择
                                                                                                                                                                                                                                    • 6.3.5 实战案例:为老年人自动选择免费票
                                                                                                                                                                                                                                    • 6.4 复选框
                                                                                                                                                                                                                                      • 6.4.1 检查复选框是否被选中
                                                                                                                                                                                                                                        • 6.4.2 获取所有被选中的复选框的值
                                                                                                                                                                                                                                          • 6.4.3 设置复选框的选中状态、禁用状态
                                                                                                                                                                                                                                            • 6.4.4 change()事件
                                                                                                                                                                                                                                              • 6.4.5 实战案例:同意协议才能注册
                                                                                                                                                                                                                                                • 6.4.6 实战案例:实现复选框全选
                                                                                                                                                                                                                                                  • 6.4.7 实战案例:复选框选中金额计算
                                                                                                                                                                                                                                                  • 6.5 拖曳条
                                                                                                                                                                                                                                                    • 6.5.1 基本使用
                                                                                                                                                                                                                                                      • 6.5.2 实战案例:调色板
                                                                                                                                                                                                                                                      • 6.6 实战案例:表单校验
                                                                                                                                                                                                                                                        • 6.6.1 基本校验原理
                                                                                                                                                                                                                                                          • 6.6.2 中文姓名校验
                                                                                                                                                                                                                                                            • 6.6.3 E-mail邮箱校验
                                                                                                                                                                                                                                                              • 6.6.4 密码强度校验
                                                                                                                                                                                                                                                                • 6.6.5 “注册”按钮的全局校验
                                                                                                                                                                                                                                                                • 6.7 本章作业
                                                                                                                                                                                                                                                                • 第7章 jQuery插件
                                                                                                                                                                                                                                                                  • 7.1 引言
                                                                                                                                                                                                                                                                    • 7.2 jQuery UI
                                                                                                                                                                                                                                                                      • 7.2.1 插件的下载和基本使用方法
                                                                                                                                                                                                                                                                        • 7.2.2 draggable()拖曳
                                                                                                                                                                                                                                                                          • 7.2.3 resizable()缩放
                                                                                                                                                                                                                                                                            • 7.2.4 sortable()排序
                                                                                                                                                                                                                                                                              • 7.2.5 selectable()选择
                                                                                                                                                                                                                                                                              • 7.3 实战案例:拖曳相册
                                                                                                                                                                                                                                                                                • 7.3.1 特效描述
                                                                                                                                                                                                                                                                                  • 7.3.2 布局准备
                                                                                                                                                                                                                                                                                    • 7.3.3 jQuery代码
                                                                                                                                                                                                                                                                                    • 7.4 常用插件
                                                                                                                                                                                                                                                                                      • 7.5 本章作业
                                                                                                                                                                                                                                                                                      • 第8章 PHP入门
                                                                                                                                                                                                                                                                                        • 8.1 引言
                                                                                                                                                                                                                                                                                          • 8.2 PHP开发环境搭建
                                                                                                                                                                                                                                                                                            • 8.2.1 开发环境概述
                                                                                                                                                                                                                                                                                              • 8.2.2 XAMPP软件安装
                                                                                                                                                                                                                                                                                                • 8.2.3 XAMPP软件的使用方法
                                                                                                                                                                                                                                                                                                • 8.3 编写第一个PHP程序
                                                                                                                                                                                                                                                                                                  • 8.4 实战案例:通过小题目学习PHP基本语句
                                                                                                                                                                                                                                                                                                    • 8.4.1 题目:累加器和累乘器
                                                                                                                                                                                                                                                                                                      • 8.4.2 题目:数组基本操作
                                                                                                                                                                                                                                                                                                        • 8.4.3 题目:使用自定义键名数组
                                                                                                                                                                                                                                                                                                        • 8.5 实战案例:通过小题目学习PHP嵌入HTML
                                                                                                                                                                                                                                                                                                          • 8.5.1 题目:年份下拉菜单
                                                                                                                                                                                                                                                                                                            • 8.5.2 题目:星座选择器
                                                                                                                                                                                                                                                                                                              • 8.5.3 题目:九九乘法表
                                                                                                                                                                                                                                                                                                                • 8.5.4 题目:嵌套数组生成表格
                                                                                                                                                                                                                                                                                                                  • 8.5.5 题目:嵌套数组生成ul嵌套结构
                                                                                                                                                                                                                                                                                                                  • 8.6 本章作业
                                                                                                                                                                                                                                                                                                                  • 第9章 结合PHP和MySQL开发网络接口
                                                                                                                                                                                                                                                                                                                    • 9.1 引言
                                                                                                                                                                                                                                                                                                                      • 9.2 实战案例:分别用GET请求和POST请求提交表单
                                                                                                                                                                                                                                                                                                                        • 9.2.1 GET请求提交表单
                                                                                                                                                                                                                                                                                                                          • 9.2.2 POST请求提交表单
                                                                                                                                                                                                                                                                                                                          • 9.3 GET请求和POST请求的区别
                                                                                                                                                                                                                                                                                                                            • 9.3.1 GET请求
                                                                                                                                                                                                                                                                                                                              • 9.3.2 POST请求
                                                                                                                                                                                                                                                                                                                              • 9.4 MySQL数据库基本使用
                                                                                                                                                                                                                                                                                                                                • 9.4.1 phpMyAdmin软件使用
                                                                                                                                                                                                                                                                                                                                  • 9.4.2 创建数据库
                                                                                                                                                                                                                                                                                                                                    • 9.4.3 使用PHP连接数据库
                                                                                                                                                                                                                                                                                                                                      • 9.4.4 创建数据表
                                                                                                                                                                                                                                                                                                                                        • 9.4.5 SQL查询介绍
                                                                                                                                                                                                                                                                                                                                        • 9.5 实战案例:用PHP操作MySQL数据库
                                                                                                                                                                                                                                                                                                                                          • 9.5.1 增加学生
                                                                                                                                                                                                                                                                                                                                            • 9.5.2 列出所有学生
                                                                                                                                                                                                                                                                                                                                              • 9.5.3 学生详情页
                                                                                                                                                                                                                                                                                                                                                • 9.5.4 删除学生
                                                                                                                                                                                                                                                                                                                                                • 9.6 实现前后端分离
                                                                                                                                                                                                                                                                                                                                                  • 9.6.1 前端和后端
                                                                                                                                                                                                                                                                                                                                                    • 9.6.2 JSON格式
                                                                                                                                                                                                                                                                                                                                                      • 9.6.3 用PHP实现JSON接口
                                                                                                                                                                                                                                                                                                                                                        • 9.6.4 接口测试工具
                                                                                                                                                                                                                                                                                                                                                          • 9.6.5 RESTful风格接口
                                                                                                                                                                                                                                                                                                                                                          • 9.7 本章作业
                                                                                                                                                                                                                                                                                                                                                          • 第10章 Ajax
                                                                                                                                                                                                                                                                                                                                                            • 10.1 Ajax概述
                                                                                                                                                                                                                                                                                                                                                              • 10.2 实战案例:jQuery实现Ajax
                                                                                                                                                                                                                                                                                                                                                                • 10.2.1 $.get()方法
                                                                                                                                                                                                                                                                                                                                                                  • 10.2.2 $.post()方法
                                                                                                                                                                                                                                                                                                                                                                    • 10.2.3 $.ajax()方法
                                                                                                                                                                                                                                                                                                                                                                    • 10.3 原生JavaScript实现Ajax
                                                                                                                                                                                                                                                                                                                                                                      • 10.4 跨域
                                                                                                                                                                                                                                                                                                                                                                        • 10.4.1 跨域概述
                                                                                                                                                                                                                                                                                                                                                                          • 10.4.2 JSONP实现跨域
                                                                                                                                                                                                                                                                                                                                                                            • 10.4.3 CORS实现跨域
                                                                                                                                                                                                                                                                                                                                                                              • 10.4.4 服务器代理实现跨域
                                                                                                                                                                                                                                                                                                                                                                              • 10.5 本章作业

                                                                                                                                                                                                                                                                                                                                                                            相关图书