广东信息科技职业培训学院
广信IT学院
技术文献总结装订册
文献目录
顺序 文献编号 文献类型 题目 开发工具 关键技术
01 专题技术文献 jQuery基础 Visual Studio jQuery
备注：“文献编号”由学院工作人员填写；文献类型填写“专题技术”或“项目研发”
广东信息科技职业培训学院编制
评 分
文献总分： 折算后标准分： 阅卷教师签名
（有效）专题技术文献评分
序号 题目 各项评分 文献得分
主题深浅（20） 描述清晰（40） 图文搭配（20） 分享评定（20）
01 数据库Models的引用说明
02 Session 对象的一些了解
专题技术文献平均分： 文献数量加分： 篇x10分/篇= 分专题技术文献总分：
项目研发文献评分
序号 题目 各项评分 文献得分
业务模块数量（20） 模块复杂度（30） 图文描述（30） 分享评定（20）
01
02
项目研发文献平均分： 文献数量加分： 篇x10分/篇= 分项目研发文献总分：
备注：
1、分享评定：发表到指定的3个网站，成功1个加5分，成功2个加10分，成功3个加20分。
2、实际总分=专题技术文献平均分+项目研发文献平均分*3。
3、所有文献必须提交对应的程序源码和项目演示视频，按照表格题目命名，放在同一个文件夹。
4、文献和源码、视频等文件，统一放到一个文件夹里面并提交给班长，文件夹命名格式如：
“广信IT17-1张悦190119文献与源文件”。
文献种类：专题技术总结文献开发工具与关键技术： jQuery 作者：薛裕全 ；年级：2020 ；撰写时间：2021 年 5 月 28日
文献编号： 归档时间： 年 月 日
jQuery 基础
一 、 简介
jQuery 是一个JavaScript 函数库。
jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。
jQuery 功能概述：
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX 异步请求方式
二、 jQuery 使用
1 1 、 安装方式
在网页中添加 jQuery，可以使用以下 2 种方法：
从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从百度 加载 jQuery
2 、 开发版本和生产版本
生产版本 用于实际的网站中，已被精简和压缩。文件名称（*.min.js）
开发版本 用于测试和开发（未压缩，是可读的代码）文件名称(*.js)
3 3 、jQuery 使用版本
我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用
的版本
4 4 、 jQuery 语法
jQuery 语法是通过选取 HTML元素，并对选取的元素执行某些操作。
说明：
美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action()执行对元素的操作
文档就绪事件（页面加载事件）
所有 jQuery 函数位于一个document ready 函数中，这是为了防止文档在完全加载
（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果
在文档没有完全加载之前就运行函数，操作可能失败。
三、 jQuery 选择器
四、 jQuery 遍历
jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找" （或选取）HTML
元素。以某项选择开始，并沿着这个选择移动，直到抵达期望的元素为止。
下图展示了一个家族树。通过jQuery 遍历，您能够从被选（当前的）元素开始，轻松
地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对
DOM 进行遍历。
1 、 jQuery 遍历- - 祖先
通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。
1.1parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历
1.2 、 parents()
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素(<html>)。
将以上案例中parent()改成 parents()之后结果如下：
1.3 、 parentsUntil()
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
以上案例 JS 代码修改如下：
1.$("span").parentsUntil("div").css({"color":"red","border":"2pxsolid red"});
结果：
2 、jQuery 遍历- - 后代
通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。
2.1 、 children()
children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍
历。
广信IT学院
技术文献总结装订册
文献目录
顺序 文献编号 文献类型 题目 开发工具 关键技术
01 专题技术文献 jQuery基础 Visual Studio jQuery
备注：“文献编号”由学院工作人员填写；文献类型填写“专题技术”或“项目研发”
广东信息科技职业培训学院编制
评 分
文献总分： 折算后标准分： 阅卷教师签名
（有效）专题技术文献评分
序号 题目 各项评分 文献得分
主题深浅（20） 描述清晰（40） 图文搭配（20） 分享评定（20）
01 数据库Models的引用说明
02 Session 对象的一些了解
专题技术文献平均分： 文献数量加分： 篇x10分/篇= 分专题技术文献总分：
项目研发文献评分
序号 题目 各项评分 文献得分
业务模块数量（20） 模块复杂度（30） 图文描述（30） 分享评定（20）
01
02
项目研发文献平均分： 文献数量加分： 篇x10分/篇= 分项目研发文献总分：
备注：
1、分享评定：发表到指定的3个网站，成功1个加5分，成功2个加10分，成功3个加20分。
2、实际总分=专题技术文献平均分+项目研发文献平均分*3。
3、所有文献必须提交对应的程序源码和项目演示视频，按照表格题目命名，放在同一个文件夹。
4、文献和源码、视频等文件，统一放到一个文件夹里面并提交给班长，文件夹命名格式如：
“广信IT17-1张悦190119文献与源文件”。
文献种类：专题技术总结文献开发工具与关键技术： jQuery 作者：薛裕全 ；年级：2020 ；撰写时间：2021 年 5 月 28日
文献编号： 归档时间： 年 月 日
jQuery 基础
一 、 简介
jQuery 是一个JavaScript 函数库。
jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。
jQuery 功能概述：
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX 异步请求方式
二、 jQuery 使用
1 1 、 安装方式
在网页中添加 jQuery，可以使用以下 2 种方法：
从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从百度 加载 jQuery
2 、 开发版本和生产版本
生产版本 用于实际的网站中，已被精简和压缩。文件名称（*.min.js）
开发版本 用于测试和开发（未压缩，是可读的代码）文件名称(*.js)
3 3 、jQuery 使用版本
我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用
的版本
4 4 、 jQuery 语法
jQuery 语法是通过选取 HTML元素，并对选取的元素执行某些操作。
说明：
美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action()执行对元素的操作
文档就绪事件（页面加载事件）
所有 jQuery 函数位于一个document ready 函数中，这是为了防止文档在完全加载
（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果
在文档没有完全加载之前就运行函数，操作可能失败。
三、 jQuery 选择器
四、 jQuery 遍历
jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找" （或选取）HTML
元素。以某项选择开始，并沿着这个选择移动，直到抵达期望的元素为止。
下图展示了一个家族树。通过jQuery 遍历，您能够从被选（当前的）元素开始，轻松
地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对
DOM 进行遍历。
1 、 jQuery 遍历- - 祖先
通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。
1.1parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历
1.2 、 parents()
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素(<html>)。
将以上案例中parent()改成 parents()之后结果如下：
1.3 、 parentsUntil()
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
以上案例 JS 代码修改如下：
1.$("span").parentsUntil("div").css({"color":"red","border":"2pxsolid red"});
结果：
2 、jQuery 遍历- - 后代
通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。
2.1 、 children()
children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍
历。
