《JQuery》课程教学大纲

1、JQuery课程教学大纲-javascript技术课程编码：171210190课程性质：专业方向课程（选修）适用专业：信息与计算科学、信息管理与信息系统学时学分： 32学时 学分所学先修课信息技术基础、网页制作编写单位：数学与信息科学系一、课程说明1、课程简介本课程是关于客户端脚本javascript、jquery学习的实用技能课程。课程内容主要包括javascript基本语法、jquery选择器、jquery事件、jquery效果等，同时也包含了一些常见插件的使用等方面。 本课程要求学生熟练掌握jquery的使用，能够手动写出jquery的一些常见特效，并学会插件的使用。2、教学目的要求 通

2、过理论和实践相结合的教学方式，使学生熟练掌握jquery制作网页特效的思想和方法。学会jquery的一些相关知识，尤其是选择器及一些常用效果。在jquery的一些基础知识之上，能够进行一些插件的使用或者对一些网上下载的一些jquery效果进行修改。让学生养成良好的编码，学习并掌握网页制作中jquery的使用，提高用户体验。3、教学重点难点选择器、操作网页元素、方法、事件、插件4、考核方式 本课程为考查课，考试的形式上机考试，总分为100分。上机制作一个网站，在网站的网页中恰当应用jquery技术。5、学时分配表 本课程共32学时，讲授16学时，上机实践16学时。表1 课程学时分配表章次教学内容

3、讲授课学时数试验(实践)课学时数一第1章 认识jQuery0.50.5二第2章 jQuery选择器22三第3章 jQuery中的DOM操作22四第4章 jQuery中的事件和动画11五第5章 jQuery对表单、表格的操作及更多应用22六第6章 jQuery与Ajax的应用33七第7章 jQuery插件的使用和写法22八第8章 用jQuery打造个性网站22九第9章 jQuery Mobile1.51.5总计1616教学内容认识jQuery（0.5学时）教学目标掌握Javascript的基本概念和基本语法（概念、变量定义、循环与分支），掌握网页中Javascript和jquery的使用方法本章

4、重点网页中引用jquery教学内容1.1 JavaScript和JavaScript库1.1.1 JavaScript简介1.1.2 JavaScript库作用及对比1.2 加入jQuery1.2.1 jQuery简介1.2.2 jQuery的优势1.3 jQuery代码的编写1.3.1 配置jQuery环境1.3.2 编写简单的jQuery代码1.3.3 jQuery代码风格1.4 jQuery对象和DOM对象1.4.1 DOM对象和jQuery对象简介1.4.2 jQurey对象和DOM对象的相互转换1.4.3 实例研究1.5 解决jQuery和其他库的冲突1.6 jQuery开发工具和插

5、件1.7 小结jQuery选择器（2学时）教学目标掌握jquery选择器的使用方法，掌握结合选择器使用jquery设置网页元素的方法本章重点jquery选择器教学内容2.1 jQuery选择器是什么2.2 jQuery选择器的优势2.3 jQuery选择器2.3.1 基本选择器2.3.2 层次选择器2.3.3 过滤选择器2.3.4 表单选择器2.4 应用jQuery改写示例2.5 选择器中的一些注意事项2.5.1 选择器中含有特殊符号的注意事项2.5.2 选择器中含有空格的注意事项2.6 案例研究-某网站品牌列表的效果2.7 其他选择器2.7.1 jQuery提供的选择器的扩展2.7.2 其他

6、使用CSS选择器的方法2.8 小结jQuery中的DOM操作（2学时）教学目标掌握网页中元素节点遍历的方法本章重点节点教学内容3.1 DOM操作的分类3.2 jQuery中的DOM操作3.2.1 查找节点3.2.2 创建节点3.2.3 插入节点3.2.4 删除节点3.2.5 复制节点3.2.6 替换节点3.2.7 包裹节点3.2.8 属性操作3.2.9 样式操作3.2.10 设置和获取HTML、文本和值3.2.11 遍历节点3.2.12 CSS-DOM操作3.3 案例研究-某网站的超链接和图片提示效果3.4 小结jQuery中的事件和动画（1学时）教学目标掌握jquery中事件绑定的方法，掌握

7、简单jquery动画的制作方法本章重点Jquery事件、简单动画教学内容4.1 jQuery中的事件4.1.1 加载DOM4.1.2 事件绑定4.1.3 合成事件4.1.4 事件冒泡4.1.5 事件对象的属性4.1.6 移除事件4.1.7 模拟操作4.1.8 其他用法4.2 jQuery中的动画4.2.1 show（）方法和hide（）方法4.2.2 fadeIn（）方法和fadeOut（）方法4.2.3 slideUp（）方法和slideDown（）方法4.2.4 自定义动画方法animate（）4.2.5 动画回调函数4.2.6 停止动画和判断是否处于动画状态4.2.7 其他动画方法4.2

8、.8 动画方法概括4.3 视频展示效果实例4.4 小结jQuery对表单、表格的操作及更多应用（2学时）教学目标掌握利用第二章的选择器设置表单、表格的属性的方法本章重点设置元素属性教学内容5.1 表单应用5.1.1 单行文本框应用5.1.2 多行文本框应用5.1.3 复选框应用5.1.4 下拉框应用5.1.5 表单验证5.2 表格应用5.2.1 表格变色5.2.2 表格展开关闭5.2.3 表格内容筛选5.3 其他应用5.3.1 网页字体大小5.3.2 网页选项卡5.3.3 网页换肤5.4 小结jQuery与Ajax的应用（3学时）教学目标掌握jquery使用ajax无刷新更新的方法本章重点Po

9、st、ajax方法教学内容6.1 Ajax的优势和不足6.1.1 Ajax的优势6.1.2 Ajax的不足6.2 Ajax的XMLHttpRequest对象6.3 安装Web环境-AppServ6.4 编写第1个Ajax例子6.5 jQuery中的Ajax6.5.1 load（）方法6.5.2 $.get（）方法和$.post（）方法6.5.3 $.getScript（）方法和$.getJson（）方法6.5.4 $.ajax（）方法6.6 序列化元素6.7 jQuery中的Ajax全局事件6.8 基于jQuery的Ajax聊天室程序6.8.1 基本设想6.8.2 设计数据库6.8.3 服务器

10、端处理6.8.4 客户端处理6.8.5 客户端代码6.8.6 整合代码6.9 小结jQuery插件的使用和写法（2学时）教学目标掌握jquery其它插件的使用方法本章重点Validation、Form教学内容7.1 jQuery表单验证插件-Validation7.1.1 Validation简介7.1.2 下载地址7.1.3 快速上手7.1.4 不同的验证写法7.1.5 验证信息7.1.6 自定义验证规则7.1.7 API7.2 jQuery表单插件-Form7.2.1 Form插件简介7.2.2 下载地址7.2.3 快速上手7.2.4 核心方法-ajaxForm（）和ajaxSubmit（

11、）7.2.5 ajaxForm（）方法和ajaxSubmit（）方法的参数7.2.6 表单提交之前验证表单7.2.7 API7.3 模态窗口插件-SimpleModal7.3.1 SimpleModal插件简介7.3.2 下载地址7.3.3 快速上手7.3.4 关闭模态窗口7.3.5 实际应用7.3.6 API7.4 管理Cookie的插件-Cookie7.4.1 Cookie插件简介7.4.2 下载地址7.4.3 快速上手7.4.4 API7.5 jQuery UI插件7.5.1 jQuery UI简介7.5.2 下载地址7.5.3 快速上手7.5.4 与单击事件冲突7.5.5 与后台结合7

12、.6 编写jQuery插件7.6.1 插件的种类7.6.2 插件的基本要点7.6.3 插件中的闭包7.6.4 jQuery插件的机制7.6.5 编写jQuery插件7.7 小结用jQuery打造个性网站（2学时）教学目标熟练使用jquery，制作网站本章重点教学内容8.1 案例背景介绍8.2 网站材料8.3 网站结构8.3.1 文件结构8.3.2 网页结构8.3.3 界面设计8.4 网站的（X）HTML8.5 网站样式（CSS）8.5.1 将CSS文件分门别类8.5.2 编写CSS8.6 网站脚本（jQuery）8.6.1 准备工作8.6.2 首页（index.html）上的功能8.6.3 详细页（detail.html）上的功能8.7 小结jQuery Mobile（1.5学时）教学目标了解jquery移动设备开发技术本章重点jQuery Mobile教学内容9.1 HTML 5简介9.2 jQuery Mobi