jQuery网页特效设计基础教程--第2章-初识jQuery-教案.docx

第2章初识jQuery课程名称jQuery网页特效设计基础教程项目名称初识jQuery任务名称初识jQuery课时1项目性质演示性 验证性 设计性 q综合性授课班级授课日期授课地点教学目标能力目标：1 .具备使用安装jQuery并解决冲突的能力2 .具备使用jQuery编写脚本的能力知识目标：1. 了解什么是jQuery2. 了解jQuery的应用和特点3. 掌握编写jQuery脚本的方法素质目标：1 .培养学生信息搜集能力2 .培养学生团结合作、互帮互助的能力教学内容1 .任务描述2 .任务展示与实现(1)应用jQuery编写弹出一个提示对话框并验证其效果2 2) DOM对象与jQuery对象的项目转换(2)学生动手操作3 .教师讲解本任务涉及的知识点4 .任务小结教学重点L jQuery的特点2 . jQuery与DOM的区别3 .编写jQuery脚本教学难点1.应用jQuery编写脚本教学准备1 .装有jQuery的电脑2 .教学课件PPT3 .教材：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对象<script>$(document).ready(function() var domObj 二 document.getElementById(ntestpH);alert("使用DOM方法获取p节点的内容："+domObj.innerHTML);var $jqueryObj = $(domObj);alert("使用jQuery方法获取p节点的内容："+$jqueryObj.html();)</script>愉实VII1 .应用jQuery弹出一个提示对话框2 . jQuery对象转换为DOM对象脚诏介通过学习，学生能够掌握jQuery的基本特点、应用、jQuery的编写方法。本节课主要运用案例教学法，通过对jQuery概念的深入理解，掌握jQuery的特点及应用领域， 深入探讨jQuery脚本编程的方法，通过实例的方法加强对jQuery编程方法的掌握，达到能够独立熟 练运用jQuery来解决实际问题的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准， 形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式o