jquery 知识点
1. 了解 jQuery 的基础概念和语法；
2. 能够使用 jQuery 选择器选择页面元素，以及掌握选择器的优先级、过滤器和扩展选择器等高级用法；
3. 能够使用 jQuery 操作页面元素（如：隐藏/显示元素、修改元素内容和属性、动画效果等）；
4. 能够使用 jQuery 创建和删除元素；
5. 能够使用 jQuery 处理 DOM 事件（如：鼠标点击、滚动、键盘事件等）；
6. 熟练掌握 jQuery 插件的使用方法；
7. 了解 jQuery Ajax 技术，能够使用 jQuery 发送 Ajax 请求；
8. 熟练掌握 jQuery 性能优化技巧；
9. 熟悉 jQuery UI 的基础组件和使用方法；
10. 能够使用 jQuery 进行表单数据验证。
第一章
一、$(document).ready(function(){
//do something
});
和window.onload的区别
1. 前者同一页面可以使用多次，后者出现多次只有最后一次能正确显示
2. 前者在DOM模型加载完成后就开始执行，后台在所有元素（包括图片）加载完成后执行
3. 前者可以简化为$(function(){
//do something
});
后者没有简写形式。
二、jQuery比较常使用的是链式操作，比如一个书目导航条：
$(function(){
$(“ul”).click(function(){
$(this).addClass(“current”).children(“li”).slideDown().end().sublings().removeClass(“current”).children(“li”).slideUp();
})
})
对于同一元素不超过3个操作的，一般写同一行，如果操作过多，可以将类似的操纵写成一行，便于阅读。
三、jQuery对象和DOM对象的转换
1.jQuery转化为DOM对象
Var $variable = $(“tr”); //jQuery object
Var variable = $variable[0]; //DOM object
The transpartent method.
DomObject = jQueryObject[index] or = jQueryObject.get(index).
2.DOM Object To jQuery Object
Var variable = getElementsByTagName(“tr”); //DOM object
Var $variable = $(variable) // jQuery object;
The transpartent method.
一、jquery解答题
1. jQuery 库中的 $() 是什么？（答案如下）
$() 函数是 jQuery() 函数的别称，乍一看这很怪异，还使 jQuery 代码晦涩难懂。
一旦你适应了，你会爱上它的简洁。$() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串
传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。这个问
题我已经见过好几次被提及，尽管它非常基础，它经常被用来区分一个开发人员是否了解
jQuery。
2. 网页上有 5 个
（答案）
另一个重要的 jQuery 问题是基于选择器的。jQuery 支持不同类型的选择器，例如
ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和 class，你可以用标
签选择器来选择所有的 div 元素。jQuery 代码：$("div")，这样会返回一个包含所有 5 个
div 标签的 jQuery 对象。更详细的解答参见上面链接的文章。
3. jQuery 里的 ID 选择器和 class 选择器有何不同？（答案）
如果你用过 CSS，你也许就知道 ID 选择器和 class 选择器之间的差异，jQuery 也
同样如此。ID 选择器使用 ID 来选择元素，比如 #element1，而 class 选择器使用 CSS
class 来选择元素。当你只需要选择一个元素时，使用 ID 选择器，而如果你想要选择一
组具有相同 CSS class 的元素，就要用 class 选择器。在面试过程中，你有很大几率会
被要求使用 ID 选择器和 class 选择器来写代码。下面的 jQuery 代码使用了 ID 选择
器和 class 选择器：
正如你所见，从语法角度来说，ID 选择器和 class 选择器的另一个不同之处是，前者用
专业：信息工程 学号： 姓名：
jQuery期末作业
1.程序说明
利用html，css+div整体布局，jQuery及少量js代码点缀实现鲜花网站“浪漫满屋—满屋花”的页面设计。
2.涉及知识点
第二章jQuery选择器，第三章jQuery的DOM操作，第四章jQuery的事件与动画，第五章的表格处理以及相应的js文件实现页面相应效果。
3.整体介绍
网页标题是“浪漫满屋—满屋花”。整体采用浅粉色背景，每个页面都有导航栏。鼠标点击导航栏按钮，可进入相应网页。本程序包括8个页面，包括首页（index1.html）、精品推荐、最新花卉、留言板、帮助中心、用户中心、鲜花导购、detail.html。在首页，可以根据上面的导航栏链接到不同的页面，提供注册与登录小窗口；点击“忘记密码”可以链接到用户账户中心页面，用于找回密码；点击“用户中心”可以到达用户中心页面，查看个人信息以及查询交易历史。精品推荐页面，左边部分可以通过点击标题到达detail.html页面；右边部分展示最新的花卉。鲜花导购页面左边部分将鲜花分类，每个小标题都是链接；右边部分展示最新的花卉。最新花卉页面左边部分展示最新的花卉编号、价格以及简单的描述；右边部分功能同鲜花导购页面。留言板页面可以提交留言，同时可以查看最新的留言及回复。帮助中心提供服务声明及流程，手风琴效果介绍相应的步骤。
4.主要代码
1.Index1.html主要代码（滚动图片）
2.每个页面的top.foot部分都一样
3.help页面的手风琴效果代码
4.留言板部分主要代码
成功提交的留言将在12小时内给予回复 我们将把回复发到您的邮箱，请务必填写正确的邮箱地址
第 １ 页 ( 共 5 页 ) 咸阳师范学院 加中大学生IT 实训基地
期 班
JQUERY试题
题号 一 二 三 四 五 六 七 八 总分 登分人 审核人
分数
答卷注意事项：
1.学生必须用蓝色（或黑色）钢笔、圆珠笔或签字笔直接在试题卷上答题。
2.答卷前请将密封线内的项目填写清楚。
3.字迹要清楚、工整，不宜过大，以防试卷不够使用。
4.本卷共4大题，总分为100分。
一、选择题（共 40分，每空2分）
1、HTML 代码:
one
two
three
jQuery 代码: $("div > p"); 结果:（ A ）
A、[
two
one
three
two
2、HTML 代码:
SPAN
P
jQuery 代码: $("*") 结果:（ D ）
A、[
P
D、[
P
3、HTML 代码:
span class="myClass" jQuery 代码: $(".myClass"); 结果:（ D ）
A、[
B、[
C、[span class="myClass"]
D、[
class="myClass"
4、HTML 代码:
SPAN
jQuery 代码: $("div"); 结果:（ B ）
A、[
5、HTML 代码:
id="notMe"
jQuery 代码: $("#myDiv"); 结果:（ A ）
A、[
id="notMe"
C、[
id="notMe"
D、[
id="notMe"
6、HTML 代码:
p class="myClass"
span
p class="notMyClass"
jQuery 代码: $("div,span,p.myClass") 结果:（ A ）
A、[
p class="myClass"
