Web前端框架开发技术实训指导手册_计算机科学

1

内容提要

本书主要内容包括jQuery简介、jQuery中的选择器、jQuery中的DOM操作、jQuery中的事件与动画、jQuery中操作表单和表格、jQuery中的...

2

前言

欢迎学习本系列课程（新形态教材），课程研发团队由教学经验丰富的一线老师、企业中工作经验丰富的行业专家及教育专家组成。本系列课程作为新形态教材，广泛利用多媒体等...

3

第1章　jQuery简介

教学资源...

5

1.1　实验一使用jQuery制作大奖猜猜猜小游戏

...

6

1.1.1　实验目的

随着时代的发展，人们对生活的要求越来越高，生活的娱乐方式也在不断发生变化，从以前的石头剪刀布游戏到玩骰子再到现在的电子游戏。毫无疑问，当下的游戏用户群体更偏向于...

7

1.1.2　实验任务

任务1：使用jQuery的加载函数结合JavaScript，产生1~50之间的随机数。任务2：使用jQuery语法给按钮绑定一个点击事件。（1）验证文本框...

8

1.1.3　实验环境

1.软件环境表1.1　软件环境 2.硬件环境客户端电脑，基本配置2.0 GHz 处理器，4G以上内存，显示器要求1024*768以上。...

9

1.1.4　实验分析

分析图，如图1.1所示。图1.1...

10

1.1.5　关键概念

jQuery加载函数：jQuery 用于选择页面对象的代码，在文档完全加载完后执行函数。 jQuery 语法：jQuery 语法是通过选取 HTML 元素，并对...

11

1.1.6　实验步骤

任务1实验分解：（1）桌面双击HBuilderX 进入开发界面，如图1.2所示。图1.2 （2）选择“文件新建项目”菜单，进入新建项目界面，如图1.3...

12

1.1.7　实验总结

对当前实验，应首先围绕重点、难点提出思考题或应注意的关键问题，让学生在完成任务时有明确的目的、有思考的内容、有议论的话题。此外，学生通过当前实验，可加深对jQu...

13

1.1.8　实验评分

表1.2　实验评分标准 ...

14

1.1.9　实验结果物

（1）按要求完成任务1～3，将项目源码打包，格式为.zip或.rar文件。（2）提交任务2最终效果截图，格式为.jpg文件。（3）提交index.ht...

15

1.2　实验二使用jQuery 制作双色球彩票

...

16

1.2.1　实验目的

随着城市现代化进程的逐步加快，人民生活水平也有了很大的提高，中国福利彩票事业在近年来也有了较快较稳定的发展，已经在全国各大城市中形成了一定规模的市场。因此，如何...

17

1.2.2　实验任务

任务1：使用jQuery的加载函数将使用了show类样式的层隐藏。任务2：使用jQuery语法给按钮绑定一个点击事件。（1）用jQuery 的选择器将彩票...

18

1.2.3　实验环境

1.软件环境表1.3　软件环境 2.硬件环境客户端电脑，基本配置2.0 GHz 处理器，4G以上内存，显示器要求1024*768以上。...

19

1.2.4　关键概念

jQuery加载函数：jQuery 用于选择页面对象的代码，在文档完全加载完后执行函数。 jQuery 语法：jQuery 语法是通过选取 HTML 元素，并对...

20

1.2.5　实验步骤

任务1实验分解（1）桌面双击HBuilderX 进入开发界面，如图1.11所示。图1.11 （2）选择“文件新建项目”菜单，进入新建项目界面，如图1....

21

1.2.6　实验总结

对当前实验，应首先围绕重点、难点提出思考题或应注意的关键问题，让学生在完成任务时有明确的目的、有思考的内容、有议论的话题。此外，学生通过当前实验，可加深对jQu...

22

1.2.7　实验评分

表1.4　实验评分标准 ...

23

1.2.8　实验结果物

（1）按要求完成任务1～3，将项目源码打包，格式为.zip或.rar文件。（2）提交任务2最终效果截图，格式为.jpg文件。（3）提交index.ht...

24

第2章　jQuery中的选择器

教学资源...

25

2.1　实验一利用jQuery 选择器实现表格的操作

...

26

2.1.1　实验目的

随着时代的发展，数据已经渗透到当今每一个行业和业务职能领域，成为重要的生产因素。人们对于海量数据的挖掘、运用，预示着新一波生产率增长和消费者盈余浪潮的到来。“大...

27

2.1.2　实验任务

任务1：使用jQuery 给表格上色，实现奇数行与偶数行颜色隔行变色。奇数行颜色：#f6faff；偶数行颜色：#f9e9ff。最终效果如图2.1所示。图2...

28

2.1.3　实验环境

1.软件环境表2.1　软件环境 2.硬件环境客户端电脑，基本配置2.0 GHz 处理器，4G以上内存，显示器要求1024*768以上。...

29

2.1.4　实验分析

任务1分析图，如图2.2所示。图2.2 任务2分析图，如图2.3所示。图2.3 任务3分析图，如图2.4所示。图2.4...

30

2.1.5　关键概念

jQuery选择器：jQuery 用于选择页面对象的代码。常见的选择器有基础选择器、过滤选择器、层次选择器、表单选择器、属性选择器。 jQuery事件：jQue...

《Web前端框架开发技术实训指导手册》简介

内容提要

前言

目录

第1章　jQuery简介

1.1　实验一使用jQuery制作大奖猜猜猜小游戏

1.1.1　实验目的

1.1.2　实验任务

1.1.3　实验环境

1.1.4　实验分析

1.1.5　关键概念

1.1.6　实验步骤

1.1.7　实验总结

1.1.8　实验评分

1.1.9　实验结果物

1.2　实验二使用jQuery 制作双色球彩票

1.2.1　实验目的

1.2.2　实验任务

1.2.3　实验环境

1.2.4　关键概念

1.2.5　实验步骤

1.2.6　实验总结

1.2.7　实验评分

1.2.8　实验结果物

第2章　jQuery中的选择器

2.1　实验一利用jQuery 选择器实现表格的操作

2.1.1　实验目的

2.1.2　实验任务

2.1.3　实验环境

2.1.4　实验分析

2.1.5　关键概念

《Web前端框架开发技术实训指导手册》简介

内容提要

前言

目录

第1章 jQuery简介

1.1 实验一 使用jQuery制作大奖猜猜猜小游戏

1.1.1 实验目的

1.1.2 实验任务

1.1.3 实验环境

1.1.4 实验分析

1.1.5 关键概念

1.1.6 实验步骤

1.1.7 实验总结

1.1.8 实验评分

1.1.9 实验结果物

1.2 实验二 使用jQuery 制作双色球彩票

1.2.1 实验目的

1.2.2 实验任务

1.2.3 实验环境

1.2.4 关键概念

1.2.5 实验步骤

1.2.6 实验总结

1.2.7 实验评分

1.2.8 实验结果物

第2章 jQuery中的选择器

2.1 实验一 利用jQuery 选择器实现表格的操作

2.1.1 实验目的

2.1.2 实验任务

2.1.3 实验环境

2.1.4 实验分析

2.1.5 关键概念

第1章　jQuery简介

1.1　实验一使用jQuery制作大奖猜猜猜小游戏

1.1.1　实验目的

1.1.2　实验任务

1.1.3　实验环境

1.1.4　实验分析

1.1.5　关键概念

1.1.6　实验步骤

1.1.7　实验总结

1.1.8　实验评分

1.1.9　实验结果物

1.2　实验二使用jQuery 制作双色球彩票

1.2.1　实验目的

1.2.2　实验任务

1.2.3　实验环境

1.2.4　关键概念

1.2.5　实验步骤

1.2.6　实验总结

1.2.7　实验评分

1.2.8　实验结果物

第2章　jQuery中的选择器

2.1　实验一利用jQuery 选择器实现表格的操作

2.1.1　实验目的

2.1.2　实验任务

2.1.3　实验环境

2.1.4　实验分析

2.1.5　关键概念