admin 管理员组

文章数量: 1086019


2024年5月26日发(作者:parameters什么语言)

《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

2

jQuery

选择器

0.5

2

2

1

2

0.5

2

2

1

2

3

jQuery

中的

DOM

操作

4

jQuery

中的事件和动画

5

jQuery

对表单、表格的操作及更多 应

6

jQuery

Ajax

的应用

7

jQuery

插件的使用和写法

8

章用

jQuery

打造个性网站

9

jQuery Mobile

3

2

2

1.5

3

2

2

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 首页

)上的功能详细页()上的功能小结第

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


本文标签: 选择器 插件 方法 使用