《JQuery》课程教学大纲

《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学时）教学目标掌握Javascript的基本概念和基本语法（概念、变量定义、循环与分支），掌握网页中Javascript和jquery的使用方法本章重点网页中引用jquery章次教学内容讲授课学时数试验（实践）课学时数第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章jQueryMobile1.51.5总计1616教学内容JavaScript和JavaScript库JavaScript简介JavaScript库作用及比照加入jQuery121jQuery简介1.2.2jQuery的优势jQuery代码的编写配置jQuery环境编写简单的jQuery代码jQuery代码风格jQuery对象和DOM对象DOM对象和jQuery对象简介jQurey对象和DOM对象的相互转换实例研究解决jQuery和其他库的冲突jQuery开发工具和插件小结第2章jQuery选择器（2学时）教学目标掌握jquery选择器的使用方法，掌握结合选择器使用jquery设置网页元素的方法本章重点jquery选择器教学内容jQuery选择器是什么jQuery选择器的优势jQuery选择器基本选择器层次选择器过滤选择器表单项选择择器应用jQuery改写例如选择器中的一些考前须知选择器中含有特殊符号的考前须知选择器中含有空格的考前须知案例研究--某网站品牌列表的效果其他选择器jQuery提供的选择器的扩展其他使用CSS选择器的方法小结第3章jQuery中的DOM操作（2学时）教学目标掌握网页中元素节点遍历的方法本章重点节点教学内容DOM操作的分类jQuery中的DOM操作查找节点创立节点插入节点删除节点复制节点替换节点包裹节点属性操作样式操作设置和获取HTML、文本和值遍历节点CSS-DOM操作案例研究-某网站的超链接和图片提示效果小结第4章jQuery中的事件和动画(1学时)教学目标掌握jquery中事件绑定的方法，掌握简单jquery动画的制作方法本章重点Jquery事件、简单动画教学内容jQuery中的事件加载DOM事件绑定合成事件事件冒泡事件对象的属性移除事件模拟操作其他用法jQuery中的动画show()方法和hide()方法fadeln()方法和fadeOut()方法slidellp()方法和slideDown()方法自定义动画方法animate()动画回调函数停止动画和判断是否处于动画状态其他动画方法动画方法概括视频展示效果实例小结第5章JQuery对表单、表格的操作及更多应用(2学时)教学目标掌握利用第二章的选择器设置表单、表格的属性的方法本章重点设置元素属性教学内容表单应用单行文本框应用多行文本框应用复选框应用下拉框应用表单验证表格应用表格变色表格展开关闭表格内容筛选其他应用网页字体大小网页选项卡网页换肤小结第6章jQuery与Ajax的应用(3学时)教学目标掌握jquery使用ajax无刷新更新的方法本章重点Post、ajax方法教学内容Ajax的优势和缺乏Ajax的优势Ajax的缺乏Ajax的XMLHttpRequest对象安装Web环境--AppServ编写第1个Ajax例子jQuery中的Ajaxload()方法$.get()方法和$.post()方法$.getScript()方法和$.getJson()方法$.ajax()方法序列化元素jQuery中的Ajax全局事件基于jQuery的Ajax聊天室程序基本设想设计数据库服务器端处理客户端处理客户端代码整合代码小结第7章jQuery插件的使用和写法(2学时)教学目标掌握jquery其它插件的使用方法本章重点Validation、Form教学内容jQuery表单验证插件-ValidationValidation简介下载地址快速上手不同的验证写法验证信息自定义验证规那么APIjQuery表单插件--FormForm插件简介下载地址快速上手核心方法--ajaxForm()和ajaxSubmit()ajaxForm()方法和ajaxSubmit()方法的参数表单提交之前验证表单API模态窗口插件--SimpleModalSimpleModal插件简介下载地址快速上手关闭模态窗口实际应用API管理Cookie的插件--CookieCookie插件简介下载地址快速上手APIjQueryUI插件jQueryUI简介下载地址快速上手与单击事件冲突与后台结合编写jQuery插件插件的种类插件的基本要点插件中的闭包jQuery插件的机制编写jQuery插件小结第8章用jQuery打造个性网站（2学时）教学目标熟练使用jquery,制作网站本章重点教学内容案例背景介绍网站材料网站结构文件结构网页结构界面设计网站的（X）HTML网站样式（CSS）将CSS文件分门别类编写CSS网站脚本（jQuery）准备工作首页（index.html）上的功能详细页（detail.html）上的功能小结第9章jQueryMobiIe（1.5学时）教学目标了解jqueu移动设备开发技术本章重点jQueryMobile教学内容HTML