jQuery网页特效任务驱动式教程（微课版）-教案 任务4 实现级联菜单.docxVIP

任务4实现级联菜单（3次课） 课程内容信息说明 主题 实现级联菜单所属任务任务4 教学目标 知识目标 掌握使用下拉列表实现年月日级联菜单的方法和步骤 掌握使用选项卡方式实现省市区级联菜单的方法和步骤 能力目标 能够使用闭包实现不同类型级联菜单的功能 重点 使用下拉列表实现年月日级联菜单 JSON数据的访问 使用选项卡实现省市区级联菜单 难点 JSON数据的异步处理问题 省市区级联中元素定位坐标的设计要求 教学方法与教学手段 教学方法 线上线下结合、工程驱动、启发引导、问题导向、案例演示 教学手段 信息化手段应用，机房传屏软件应用或腾讯会议应用 课中活动及需要时间 .使用下拉列表实现年月日级联菜单（65分钟） JS 和 jQuery 操作 select 和 option （2）年月日级联菜单实现步骤 （3）观察、发现并解决问题：如果用户已经选择过年月日信息，重新点开月份下拉列表框， 选择的是第一个选项（-请选择月份-），此时点开日期列表框，看到下面有31个日期列表项， 为什么会出现这种现象？要如何解决？ （4）观察、发现并解决问题：选择一次年月日之后，不刷新页面，重新更换月份和日期，发 现什么问题？再更换一次月份和日期？再更换一次年月日？ .改变DOM树形结构的常用方法（25分钟） （1）创立元素 （2）更换元素的内部结构 （3）在元素内部插入子元素 （4）在元素外部插入兄弟元素