第11章教案_jQuery遍历.doc

《JavaScript与jQuery网页前端开发与设计-第2版》教案

第11章jQuery遍历

一、教学目标：

了解什么是HTML家族树结构；

掌握jQuery后代遍历相关函数children()、find()的使用；

掌握jQuery同胞遍历相关函数siblings()、next()系列函数、prev()系列函数的使用；

掌握jQuery祖先遍历相关函数parent()、parents()、parentsUntil()的使用。

二、教学重点和难点：

重点：jQuery后代和同胞遍历相关函数的用法；

难点：jQuery祖先遍历相关函数的用法。

三、教学方法与手段：

采取互动式教学方法，理论教学使用多媒体投影教室。

四、课程简介：

jQuery遍历指的是在HTML页面上沿着某个指定元素节点位置进行移动，直到查找到需要的HTML元素为止。本章主要内容是jQuery遍历技术的应用，包括HTML家族树概念的介绍、jQuery后代遍历、同胞遍历以及祖先遍历的相关函数用法。

五、教学基本内容：

11.1HTML家族树简介

同一个HTML页面上的所有元素按照层次关系可以形成树状结构，这种结构称为家族树（FamilyTree）。最常见的遍历方式统称为树状遍历（TreeTraversal）。根据移动的层次方向可以分为向下移动（后代遍历）、水平移动（同胞遍历）和向上移动（祖先遍历）。其中后