学习单元

jQuery

课时

8

学习目标

1. 了解什么是jQuery，能够说出jQuery的特点

2. 掌握jQuery的下载和引入，能够独立完成jQuery的下载并且能够使用两种方式引入jQuery

3. 掌握jQuery的简单使用，能够使用jQuery实现简单的页面效果

4. 熟悉什么是jQuery对象，能够说出jQuery对象的DOM对象的区别

5. 掌握利用选择器获取元素的方法，能够利用选择器获取元素

6. 熟悉jQuery中常用的选择器，能够根据需要选择合适的选择器

7. 掌握元素操作，能够实现元素的遍历操作、内容操作、样式操作、属性操作、查找和过滤操作以及元素的追加、替换、删除和复制操作

8. 掌握jQuery中的页面加载事件，能够实现页面的初始化

9. 掌握事件注册，能够使用两种方式实现事件注册

10. 掌握事件触发，能够使用3种方式实现事件自动触发

11. 掌握事件委托，能够将子元素的事件注册到父元素上

12. 掌握事件解除，能够实现解除所有事件、解除指定事件以及解除事件委托

13. 掌握动画特效，能够利用内置动画方法和自定义动画方法实现动画特效

14. 掌握jQuery中操作Ajax的常用方法，能够使用常用方法实现Ajax交互

学习内容

知识点

学习目标

重点

难点

什么是jQuery

了解

下载和引用jQuery

掌握

jQuery的简单使用

掌握

jQuery对象

熟悉

√

利用选择器获取元素

掌握

√

jQuery中常用的选择器

熟悉

元素遍历操作

掌握

√

√

元素内容操作

掌握

√

√

元素样式操作-利用css()方法操作元素样式

掌握

√

元素样式操作-操作元素的尺寸和位置

掌握

元素样式操作-操作元素的样式类

掌握

√

元素属性操作

掌握

元素查找和过滤操作

掌握

√

元素追加操作

掌握

√

√

元素替换操作

掌握

元素删除操作

掌握

元素复制操作

掌握

页面加载事件

掌握

√

事件注册-通过事件方法实现事件注册

掌握

√

事件注册-通过on()方法实现事件注册

掌握

√

事件触发

掌握

事件委托

掌握

√

事件解除

掌握

内置动画

掌握

自定义动画

掌握

√

√

【案例】导航跟随效果

掌握

√

jQuery操作Ajax

掌握

√

动手实践：返回页面顶部

掌握

√