《JQuery编程基础(91210124)》教学大纲(理论)

jQuery编程基础课程教学大纲

课程名称：jQuery编程基础，Learning jQuery

课程编码：91210124

学 分：3

总 学 时：60，理论学时：30，实验(或上机)学时：30

适用专业：WEB

先修课程：Web编程基础、Web高级编程技术

执 笔 人：

审 订 人：

一、课程的性质、目的与任务：

jQuery 是一个快速、简单的JavaScript library， 它简化了HTML 文件的traversing，事件处理、动画、Ajax 互动，从而方便了网页制作的快速发展。 jQuery受到了越来越多网页开发者的欢迎。

因此本门课程旨在引领学生进入jQuery这个神奇的世界，对网页的快速开发框架有更进一步的认识并能使用。

通过本门课程的学习：

1. 使学生认识jQuery框架结构；

2. 进一步提高学生快速开发前端网页的能力，同时学习jQuery Mobile在移动终端上的做法；

3. 通过课程项目和案例教学，提高学生在前端网页、移动终端方面的动手能力和解决问题的能力，并鼓励创新。

二、教学基本要求：

本课程的教学基本要求分为三级：掌握、理解、了解。

掌握：属较高要求。对于要求掌握的内容都应比较透彻明了，并能熟练灵活地在工程中进行应用。

理解：属一般要求。对于要求理解的内容都应明了，能够对技术术语进行解释说明，通过进一步学习或资料查询，可以在工程中进行应用。

了解：属较低要求。对于要求了解的内容，应该知道所涉及的术语及方法。

三、教学内容与学时分配：

第一章 认识jQuery（2学时）

知识点：JavaScript和JavaScript库、jQuery代码的编写、jQuery对象和DOM对象、解决jQuery和其他库的冲突、jQuery开发工具和插件。

重点：编写简单的jQuery代码、jQurey对象和DOM对象的相互转换。

难点：编写简单的jQuery代码。

第二章 jQuery选择器（2学时）

知识点：jQuery选择器的优势、jQuery选择器、应用jQuery改写示例、选择器中的一些注意事项、其他选择器。

重点：基本选择器、层次选择器、过滤选择器、表单选择器、其他选择器。

难点：表单选择器、其他选择器。

第三章 jQuery中的DOM操作（4学时）

知识点：DOM操作的分类、jQuery中的DOM操作、jQuery中的超链接和图片提示效果。

重点：查节点、创建节点、插入节点、删除节点。

难点：属性操作、包裹节点、CSS-DOM操作。

第四章 jQuery中的事件和动画（4学时）

知识点：jQuery中的事件、jQuery中的动画、视频展示效果实例。

重点：加载DOM、合成事件、事件对象的属性、自定义动画方法、模拟操作。

难点：事件冒泡、自定义动画方法。

第五章 jQuery对表单、表格的操作及更多应用（4学时）

知识点：表单应用、表格应用、其他应用。

重点：复选框应用、表单验证、表格展开关闭、表格内容筛选、网页换肤。

难点：表单验证、表格内容筛选、网页换肤。

第六章 jQuery与Ajax的应用（4学时）

知识点：Ajax的优势和不足、Ajax的XMLHttpRequest对象、jQuery中的Ajax、序列化元素、jQuery中的Ajax全局事件、基于jQuery的Ajax聊天室程序。

重点：load()方法、$.get()方法和$.post()方法、$.getScript()方法和$.getJson()方法、$.ajax()方法。

难点：序列化元素、基于jQuery的Ajax聊天室程序。

第七章 jQuery插件的使用和写法（4学时）

知识点：jQuery表单验证插件—Validation、jQuery表单插件—Form、模态窗口插件—SimpleModal、管理Cookie的插件—Cookie、jQuery UI插件、编写jQuery插件。

重点：表单验证插件—Validation、表单插件—Form、jQuery UI插件。

难点：编写jQuery插件。

第八章 用jQuery打造个性网站（4学时）

知识点：案例背景介绍、网站材料、网站结构、网站的(X)HTML、网站样式(CSS)、网站脚本(jQuery)。

重点：文件结构、网页结构、界面设计、编写CSS。

难点：编写CSS、网站脚本。

第九章 jQuery Mobile（2学时）

知识点：HTML 5简介、jQuery Mobile简介、jQuery Mobile主要特性、jQuery Mobile的使用、其他框架。

重点：构建HTML模板、data-role属性、样式切换。

难点：样式切换、移动框架。

四、结合理论教学的实践教学内容与要求

1.上机

序号

1

项目

某网站品牌列表的效果

内容和要求

 jQuery选择器的使用

 jQuery提供的选择器的扩展

 其他使用CSS选择器的方法

 jQuery中的DOM操作

 CSS-DOM操作

 加载DOM

 移除事件

 slideUp()方法和slideDown()方法

实验学时

4

备注

2

某网站的超链接和图片提示效果

4

3

视频展示效果实例

4

 自定义动画方法animate()





基于jQuery的Ajax聊天室程序







编写jQuery插件

设计数据库

服务器端处理

客户端处理

客户端代码

整合代码

4 6

5

 插件的基本要点

 插件中的闭包

 jQuery插件的机制

 准备工作

 首页()上的功能

 详细页()上的功能











构建HTML模板

data-role属性

添加内容

样式切换

PhoneGap

4

6

用jQuery打造个性网站

4

7 jQuery Mobile 4

五、大纲说明：

（1）采用多媒体教学，通过电子课件及案例教学资料片，提高学生的感性认识；

（2）开展实验案例教学，完成jQuery开发的仿真案例；

（3）布置书面作业和实验作业，安排5次课堂讨论；采用课堂答疑与个别辅导相结合办法；

（4）本课程自学内容及学时：结合教学大纲及课程教学内容，分章节布置自学参考书目及文章。

六、教材与参考书：

1、教材

《锋利的jQuery(第2版)》 ，单东林，张晓菲，魏然 编著，人民邮电出版社，2012年7月

2、参考书：

(1)《jQuery实战(第2版)》，（美）比伯奥特，（美）卡茨 著，三生石上 译，人民邮电出版社，2012年3月

(2)《jQuery基础教程(第3版)》，（美）查弗，（美）斯威德伯格 著，李松峰 译，人民邮电出版社，2012年4月

(3)《jQuery权威指南》，陶国荣，机械工业出版社，2011年1月