《JQuery》课程教学大纲.docx

《JQuery》课程教学大纲
--javascript 技术
课程编码：171210190课程性质：专业方向课程（选修）适用专业：信息与计算科学、信息管理与信息系统学时学分：32学时学分
所学先修课信息技术基础、网页制作编写单位：数学与信息科学系一、课程说明1、课程简介
本课程是关于客户端脚本javascript、jquer学习的实用技能课程。课程 内容主要包括javascript基本语法、jquery选择器、jquery事件、jquery效 果等，同时也包含了一些常见插件的使用等方面。
本课程要求学生熟练掌握jquery的使用，能够手动写出jquery的一些常见 特效，并学会插件的使用。
2、教学目的要求
通过理论和实践相结合的教学方式，使学生熟练掌握jquery制作网页特效的 思想和方法。学会jquery的一些相关知识，尤其是选择器及一些常用效果。在 jquery的一些基础知识之上，能够进行一些插件的使用或者对一些网上下载的一 些jquery效果进行修改。让学生养成良好的编码，学习并掌握网页制作中jquery 的使用，提高用户体验。
3、教学重点难点
选择器、操作网页元素、方法、事件、插件
4、考核方式
本课程为考查课，考试的形式上机考试，总分为100分。上机制作一个网站, 在网站的网页中恰当应用jquery技术。
5、学时分配表
本课程共32学时，讲授16学时，上机实践16学时。
表1课程学时分配表二、教学内容第1章认识jQuery （0.5学时）
章次
教学内容
讲授 课 学时 数
试验（实践） 课学时数

第1章认识jQuery
0.5
0.5

第2章jQuery选择器
2
2

第3章jQuery中的DOM操作
2
2
四
第4章jQuery中的事件和动画
1
1
五
第5章jQuery对表单、表格的操作及更多 应用
2
2
六
第6章jQuery与Ajax的应用
3
3
七
第7章jQuery插件的使用和写法
2
2
八
第8章用jQuery打造个性网站
2
2
九
第 9 章 jQuery Mobile
1.5
1.5

总计

16
16
教学目标掌握Javascript的基本概念和基本语法（概念、变量定义、循环与分支），掌握网页中 Javascript和jquery的使用方法本章重点网页中引用jquery
教学内容JavaScript 和 JavaScript 库JavaScript 简介JavaScript库作用及比照
1.1 加入 jQuery121jQuery 简介1.2.2 jQuery 的优势jQuery代码的编写
1.1.1 配置jQuery环境编写简单的jQuery代码jQuery代码风格jQuery对象和DOM对象
1.1.2 DOM对象和jQuery对象简介jQurey对象和DOM对象的相互转换实例研究解决jQuery和其他库的冲突
1.2 jQuery开发工具和插件小结第2章jQuery选择器（2学时）教学目标
掌握jquery选择器的使用方法，掌握结合选择器使用jquery设置网页元素的方法本章重点jquery选择器教学内容
2.1 jQuery选择器是什么jQuery选择器的优势jQuery选择器基本选择器
2.1.1 层次选择器过滤选择器表单项选择择器应用jQuery改写例如
2.2 选择器中的一些考前须知选择器中含有特殊符号的考前须知选择器中含有空格的考前须知案例研究--某网站品牌列表的效果
2.3 其他选择器jQuery提供的选择器的扩展其他使用CSS选择器的方法小结
第3章jQuery中的DOM操作（2学时）教学目标掌握网页中元素节点遍历的方法本章重点
节点教学内容DOM操作的分类jQuery中的DOM操作
3.1.1 查找节点创立节点插入节点删除节点
3.1.2 复制节点替换节点包裹节点属性操作
3.1.3 样式操作设置和获取HTML、文本和值遍历节点CSS-DOM 操作
3.2 案例研究-某网站的超链接和图片提示效果小结第4章jQuery中的事件和动画(1学时)教学目标
掌握jquery中事件绑定的方法，掌握简单jquery动画的制作方法本章重点Jquery事件、简单动画教学内容
4.1 jQuery中的事件加载 DOM事件绑定合成事件
4.1.1 事件冒泡事件对象的属性移除事件模拟操作
4.1.2 其他用法jQuery中的动画show ()方法和 hide ()方法fadeln ()方法和 fadeOut ()方法
4.1.3 slidellp ()方法和 slideDown ()方法自定义动画方法animate ()动画回调函数停止动画和判断是否处于动画状态
4.1.4 其他动画方法动画方法概括视频展示效果实例小结
第5章JQuery对表单、表格的操作及更多应用(2学时)教学目标掌握利用第二章的选择器设置表单、表格的属性的方法本章重点
设置元素属性教学内容表单应用单行文本框应用
5.1.1 多行文本框应用复选框应用下拉框应用表单验证
5.2 表格应用表格变色表格展开关闭表格内容筛选
5.3 其他应用网页字体大小网页选项卡网页换肤
5.4 小结第6章jQuery与Ajax的应用(3学时)教学目标掌握jquery使用ajax无刷新更新的方法
本章重点Post、ajax 方法教学内容Ajax的优势和缺乏
6.1.1 Ajax的优势Ajax的缺乏Ajax 的 XMLHttpRequest 对象安装 Web 环境--AppServ
6.2 编写第1个Ajax例子jQuery 中的 Ajaxload ()方法$.get ()方法和$.post ()方法
6.2.1 $.getScript ()方法和$.getJson ()方法$.ajax ()方法序列化元素jQuery中的Ajax全局事件
6.3 基于jQuery的Ajax聊天室程序基本设想设计数据库服务器端处理
6.3.1 客户端处理客户端代码整合代码小结
第7章jQuery插件的使用和写法(2学时)教学目标掌握jquery其它插件的使用方法本章重点
Validation、Form教学内容jQuery 表单验证插件-ValidationValidation 简介
7.1.1 下载地址快速上手不同的验证写法验证信息
7.1.2 自定义验证规那么APIjQuery 表单插件--FormForm插件简介
7.1.3 下载地址快速上手核心方法--ajaxForm ()和 ajaxSubmit ()ajaxForm ()方法和 ajaxSubmit ()方法的参数
7.1.4 表单提交之前验证表单API模态窗 口插件--SimpleModalSimpleModal 插件简介
7.1.5 下载地址快速上手关闭模态窗口实际应用
7.1.6 API管理 Cookie 的插件--CookieCookie插件简介下载地址
7.1.7 快速上手APIjQuery UI 插件jQuery UI 简介
7.1.8 下载地址快速上手与单击事件冲突与后台结合
7.2 编写jQuery插件插件的种类插件的基本要点插件中的闭包
7.2.1 jQuery插件的机制编写jQuery插件小结第8章 用jQuery打造个性网站（2学时）
教学目标熟练使用jquery,制作网站本章重点教学内容
8.1 案例背景介绍网站材料网站结构文件结构
8.1.1 网页结构界面设计网站的（X） HTML网站样式（CSS）
8.1.2 将CSS文件分门别类编写 CSS网站脚本（jQuery）准备工作
8.1.3 首页（index.html）上的功能详细页（detail.html）上的功能小结第9章 jQuery Mob i I e （1.5 学时）
教学目标了解jqueu移动设备开发技术本章重点jQuery Mobile
教学内容HTML 5 简介jQuery Mobile 简介jQuery Mobile 主要特性
9.1 jQuery Mobile 的使用准备工作构建HTML模板data-role 属性
9.1.1 添加内容样式切换其他框架移动框架
9.1.2 PhoneGap小结使用教材：单东林，张晓菲，魏然 等著，锋利的jQuery （第2版），人民邮电出版社2012-73