admin 管理员组

文章数量: 887031


2023年12月19日发(作者:matlab plot画直线)

第2章 初识jQuery

课程名称

任务名称

项目性质

授课班级

jQuery网页特效设计基础教程

初识jQuery

项目名称

课时

初识jQuery

1

□演示性 □验证性 □设计性 √综合性

能力目标:

授课日期

授课地点

1. 具备使用安装jQuery并解决冲突的能力

2. 具备使用jQuery编写脚本的能力

知识目标:

教学目标

1. 了解什么是jQuery

2. 了解jQuery的应用和特点

3. 掌握编写jQuery脚本的方法

素质目标:

1. 培养学生信息搜集能力

2. 培养学生团结合作、互帮互助的能力

1. 任务描述

2. 任务展示与实现

(1)应用jQuery编写弹出一个提示对话框并验证其效果

教学内容

(2)DOM对象与jQuery对象的项目转换

(2)学生动手操作

3. 教师讲解本任务涉及的知识点

4. 任务小结

1. jQuery的特点

教学重点

2. jQuery与DOM的区别

3. 编写jQuery脚本

教学难点

1. 应用jQuery编写脚本

1

1. 装有jQuery的电脑

教学准备

2. 教学课件PPT

3. 教材:《jQuery网页特效设计基础教程(慕课版)》刘刚 人民邮电出版社

作业设计

1.应用jQuery弹出一个提示对话框

教学过程

教学

环节

课前组织

课程

说明

教学内容与过程

(教学内容、教学方法、组织形式、教学手段)

做好课前“5分钟”教学管理(多媒体、实训室),做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等),吸引学生注意力。

【课前说明】

分别从jQuery概述,jQuery的应用、jQuery的特点、jQuery的版本以及jQuery与DOM对象的区别、jQuery的插件等知识点进行初步的了解。

【目的】

使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。

课程

内容

描述

一、什么是jQuery?

从jQuery的概念展开,介绍jQuery的应用,了解jQuery的特点。jQuery是一套简洁、快速、灵活的JavaScript脚本库。

二、jQuery对象和DOM对象的区别?

DOM是Document Object Model,即文档对象模型的缩写。DOM是以层次结构组织的节点或信息片段的集合,每一份DOM都可以表示成一棵树。

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是独有的,可以使用jQuery里的方法。

三、jQuery的插件?

分别介绍插件的使用方法及目前流行的插件。

案例:

1. DOM对象转换为jQuery对象

2

课堂

实训

1. 应用jQuery弹出一个提示对话框

2. jQuery对象转换为DOM对象

总结

评价

通过学习,学生能够掌握jQuery的基本特点、应用、jQuery的编写方法。

本节课主要运用案例教学法,通过对jQuery概念的深入理解,掌握jQuery的特点及应用领域,深入探讨jQuery脚本编程的方法,通过实例的方法加强对jQuery编程方法的掌握,达到能够独立熟练运用jQuery来解决实际问题的能力。教学评价方式以小组为单位,以完成案例的质量为评价标准,形成任务驱动,小组协作,质量与速度并存的课堂评价方式 ,促进学生的自主、创新学习的方式 。

3


本文标签: 对象 打开 方法 任务 学生