2024年2月7日发(作者：)
2020年jQuery期末考试试题与答案
单选题
1、
关于jQuery中show方法下列说法正确的是（）
1分
•
•
•
•
A、show方法如果不传入参数，则按照400ms的动画事件让元素显示出来
B、show方法可传入回调函数，回调函数在动画执行之前执行
C、show方法传入数值3作为参数，其默认为在3秒中完成动画
D、show方法的参数可以传入字符串来指定动画完成时间
参考答案 :
D
答案说明 :
show方法参数按照顺序，分别为"speed"、"easing"、"fn"，代表动画速度、切换效果、回调函数
2、
关于get方法的回调函数的执行时机，下列方法说法正确的是（）
1分
•
•
•
•
A、在请求发出的时候执行
B、在请求出错误的时候执行
C、在请求完成的时候执行
D、在请求成功的时候执行
参考答案 :
D
答案说明 :
暂无描述
3、
关于jQuery插件，下列说法错误的是（）
1分
•
•
•
•
A、jQuery插件在使用之前需要引入指定的插件文件和jQuery文件
B、jQuery插件能大大提高开发人员的开发效率
C、jQuery插件是在jQuery的基础上做功能和业务上的扩展
D、jQuery插件只需要引入插件文件，不需要引入jQuery文件
参考答案 :
D
答案说明 :
jQuery插件在使用之前必须要首先引入jQuery文件
4、
jQuery所有版本下载地址（）
1分
•
•
•
•
A、
B、
C、
D、
参考答案 :
B
答案说明 :
暂无解析
5、
在属性过滤选择器中，获取等于给定的属性是某个特定值的元素用（）实现。
1分
•
•
•
•
A、[attribute]
B、[attribute=value]
C、[attribute&=value]
D、[attribute*=value]
参考答案 :
B
答案说明 :
暂无解析
6、
slideUp方法执行的效果为（）
1分
•
•
•
A、以滑动的形式显示元素
B、以滑动的形式隐藏元素
C、以淡入的形式显示元素
•
D、以淡入的形式隐藏元素
参考答案 :
B
答案说明 :
暂无解析
7、
jQuery对象的$("参数")语法描述错误的是（）
1分
•
•
•
•
A、通过$()符号声明jQuery对象
B、$()执行后返回值是jQuery对象
C、调用方法可以通过“.”来实现
D、$符号不可以用jQuery替代
参考答案 :
D
答案说明 :
暂无解析
8、
在获取id值为btn的元素的value值，下面代码正确的是（）
1分
•
•
A、$("#btn").val()
B、$("#btn").val(value)
•
•
C、$("#btn").value()
D、$("#btn").value(val)
参考答案 :
A
答案说明 :
暂无解析
9、
下列关于jQuery中的$.ajax()方法的说法错误的是（）
1分
•
•
•
•
A、$.ajax()方法是jQuery中最底层的Ajax方法。
B、$.ajax()方法在使用时只能传入一个参数
C、$.ajax()方法可以实现其他jQuery中Ajax方法能实现的功能
D、$.get()、$.post()方法以$.ajax()为基础来进行封装
参考答案 :
B
答案说明 :
可以传入两个参数，也可以传入一个参数
10、
下列关于jQuery中hide方法的说法错误的是（）
1分
•
A、传入"fast"作为参数，其含义是在1000毫秒内完成动画
•
•
•
B、hide方法可传人三个参数，按照顺序依次是回调函数、动画速度、切换效果
C、hide方法和jQuery中的show方法的使用方式完全相同
D、hide方法如果只传入回调函数作为参数，那么该回调函数不会执行
参考答案 :
A
答案说明 :
hide方法的使用方式与show方法完全相同
11、
通过jQuery获取和设置表单的值，用（）实现获取表单不可用的按钮。
1分
•
•
•
•
A、checked
B、disabled
C、selected
D、email
参考答案 :
B
答案说明 :
暂无解析
12、
对于id属性为“box”的可见元素，下列哪种方法可以让元素以动画形式隐藏（）
1分
•
•
•
•
A、$("#box").fadeOut()
B、$("#box").hide()
C、$("#box").fadeTo(0)
D、$("#box").css("display","block")
参考答案 :
A
答案说明 :
hide方法如果不传入参数则不会有动画效果；fadeTo如果只传入0作为参数无法让元素变为不可见；css方法设置元素不可见无动画效果
13、
jQuery中设置表单元素的值中，清空表单元素文本框内容的方法正确的是（）
1分
•
•
•
•
A、val("")
B、value("")
C、clear()
D、val("true")
参考答案 :
A
答案说明 :
暂无解析
14、
下列说法正确的是（）
1分
•
•
•
•
A、fadeIn方法和fadeTo方法的使用方式完全一样
B、fadeIn方法不传入参数也会有动画效果
C、fadeTo方法的参数依次含义为动画速度，透明度的目标值，切换效果，回调函数
D、hide方法和fadeOut方法的动画效果相同
参考答案 :
B
答案说明 :
fadeIn方法不传入参数会按照默认动画速度执行动画
15、
jQuery中直接获取文档内容的Ajax方法load方法的基本语法是（）
1分
•
•
•
•
A、load([data],[callback],url)
B、load(url,[data],[callback])
C、load(url,[callback],[data])
D、load([data],url,[callback])
参考答案 :
B
答案说明 :
暂无描述
16、
代码$("#center>li")中的“>”符号表示（）
1分
•
•
•
•
A、获取#center父元素下的所有li元素
B、获取#center父元素下的第一个li元素
C、获取#center父元素含有li的元素
D、获取所有的li元素
参考答案 :
A
答案说明 :
暂无解析
17、
下面关于jQuery对象与DOM对象的说法，错误的是（）
1分
•
•
•
•
A、DOM对象是使用JavaScript操作DOM返回的对象。
B、jQuery对象是使用jQuery提供的操作DOM的方法返回的对象。
C、jQuery对象命名时必须使用$符号
D、jQuery对象与DOM对象之间可以进行切换
参考答案 :
C
答案说明 :
暂无解析
18、
Ajax请求后的数据怎样呈现在页面中（）
1分
•
•
•
•
A、Ajax请求回放入数据会自动插入到页面中
B、Ajax请求完成之后通过JavaScript操作DOM吧数据插入到页面中
C、Ajax请求即会做页面跳转，跳转至请求回的页面
D、每个页面只会在页面加载的时候发出Ajax请求，渲染出整个页面
参考答案 :
B
答案说明 :
暂无描述
19、
获取HTML代码中li标签的DOM对象，并调用（）属性来获取第一个li标签的文本。
1分
•
•
•
•
A、innerText
B、text
C、html
D、contains
参考答案 :
A
答案说明 :
暂无解析
20、
在属性过滤选择器中，[attribute$=value]中的$符号代表的意思是（）
1分
•
•
•
•
A、获取给定的属性是以某些值结尾
B、获取给定的属性是以某些值开头
C、获取给定的属性是包含某些值
D、获取不等于给定的属性是某个特定值
参考答案 :
A
答案说明 :
暂无解析
21、
关于jQuery插件，下列说法错误的是（ ）
1分
•
•
•
•
A、引入jQuery插件js文件时，必须要提前引入jQuery文件
B、封装jQuery对象方法插件的方式是通过给$.fn添加方法成员
C、封装jQuery的静态方法插件是通过直接给$对象添加方法成员
D、封装的jQuery静态方法插件可以被jQuery对象直接调用
参考答案 :
D
答案说明 :
暂无描述
22、
在一个表单里，想要找到指定元素的第一个元素用（）实现，那么第二个元素用（）实现。
1分
•
•
•
•
A、one eq(1)
B、first eq(1)
C、first eq(0)
D、last eq(2)
参考答案 :
B
答案说明 :
暂无解析
23、
关于代码mentsByTagName('li');下面那个选项是错误的是（）
1分
•
•
•
•
A、获取了文档中所有的li元素
B、返回值是一个类似于数组的集合
C、返回值是一个数组
D、可以通过索引来获取指定li元素
参考答案 :
C
答案说明 :
暂无解析
24、
jQuery中与bind()绑定事件相对应的解绑事件的方法是（）
1分
•
•
•
•
A、undelegate()
B、unbind()
C、off()
D、delegate
参考答案 :
B
答案说明 :
暂无解析
25、
下面这段代码$('div').width($('div').width() + 50)说法正确的是（）
1分
•
•
•
•
A、在原div元素宽高的基础上增加了50像素
B、设置div元素的宽度为50像素
C、获取div元素的宽度
D、获取div元素的宽度后加50像素
参考答案 :
A
答案说明 :
暂无解析
26、
通过选择器方法，选择器的名称$(“parent>child”) 、$(“prev+next”)、$(“ancestor descendant”)、$(“prev~siblings”)依次代表什么意思（）
1分
•
•
•
•
A、后代选择器、子选择器、相邻兄弟选择器、一般兄弟选择器
B、子选择器、相邻兄弟选择器、后代选择器、一般兄弟选择器
C、一般兄弟选择器、后代选择器、子选择器、相邻兄弟选择器
D、相邻兄弟选择器、后代选择器、子选择器、一般兄弟选择器
参考答案 :
B
答案说明 :
暂无解析
27、
下面函数语法书写正确的是（）
1分
•
•
•
•
A、function(){}
B、function()
C、function{}
D、function({})
参考答案 :
A
答案说明 :
暂无解析
28、
在jQuery中，”:button”选择器和”:image”选择器区别说法错误的是（）
1分
•
•
•
•
A、“:button”选择器可以获取input[type=button]定义的按钮
B、“:button”选择器可以获取button定义的按钮
C、“:image”选择器可以获取input[type=image]定义的图片
D、“:image”选择器可以获取image定义的图片
参考答案 :
D
答案说明 :
暂无解析
29、
在jQuery中，用（）将div元素设置圆角。
1分
•
•
•
•
A、$("div").css("border-radius":"50%")
B、$("div").css({border-radius:50%})
C、$("div").css({"border-radius":"50%"})
D、$("div").css(["border-radius":"50%"])
参考答案 :
A
答案说明 :
暂无解析
30、
jQuery事件冒泡行为中，阻止页面中span元素的事件冒泡行为，下面代码正确的是（）
1分
•
•
•
•
A、$('span').click(function() { ('span元素被单击了'); return ;});
B、$('span').click(function() { ('span元素被单击了'); false;});
C、$('span').click(function() { ('span元素被单击了'); return false;});
D、$('span').click(function() { ('span元素被单击了'); stop;});
参考答案 :
C
答案说明 :
暂无解析
多选题
31、
下面jQuery选择器中，返回值是元素集合的是（）
2分
•
A、id选择器
•
•
•
B、.class选择器
C、元素选择器
D、通配符选择器
参考答案 :
B,C,D
答案说明 :
暂无解析
32、
下列关于jQuery中滑动动画方法的说法正确的是（）
2分
•
•
•
•
A、slideUp方法为以滑动形式隐藏元素的方法
B、slideDown方法不设置动画速度的参数也可以实现动画效果
C、slideToggle方法功能为以滑动的形式切换元素显示隐藏状态
D、slideTo方法为以滑动形式改变元素高度至指定值
参考答案 :
A,B,C
答案说明 :
无slideTo方法
33、
show方法的动画速度参数下列说法正确的是（）
2分
•
•
•
•
A、可以设置为数值100
B、可以设置为字符串"slow"
C、可以设置为任意字符串
D、只能设置为数值
参考答案 :
A,B,C
答案说明 :
show方法的动画参数设置为任意字符串时，动画执行时长和“formal”相同
34、
Ajax请求常见请求的数据类型是（）
2分
•
•
•
•
A、JSON
B、HTML
C、js文件
D、XML文件
参考答案 :
A,B,C,D
答案说明 :
暂无描述
35、
在DOM树形结构中下面是哪些是属性节点（）
2分
•
•
•
•
A、href
B、charset
C、li
D、text
参考答案 :
A,B
答案说明 :
暂无解析
判断题
36、
jQuery对象可以调用DOM中的方法。
2分
•
•
参考答案 :
错
答案说明 :
暂无解析
37、
对于jQuey中bind()方法和delegate()方法，jQuery也提供了相应解绑事件的方法unbind()和undelegate()，但在jQuery新版本中已经由off()方法替代。
2分
•
•
参考答案 :
对
答案说明 :
暂无解析
38、
表单元素状态属性中，enabled和checked状态属性实现的效果是是一样的。
2分
•
•
参考答案 :
错
答案说明 :
暂无解析
39、
Ajax是按照异步请求的形式请求数据，不会刷新页面。
2分
•
•
参考答案 :
对
答案说明 :
暂无描述
40、
detach()方法的使用方式与remove()方法是相同的。
2分
•
•
参考答案 :
错
答案说明 :
暂无解析
41、
jQuery在遵循W3C规范的情况下对事件对象做了统一封装，使得事件处理可以兼容各大主流浏览器。
2分
•
•
参考答案 :
对
答案说明 :
暂无解析
42、
jQuery版本包括jQuery1.x、jQuery2.x、jQuery3.x，且兼容IE6/7/8。
2分
•
•
参考答案 :
错
答案说明 :
暂无解析
43、
val()方法和html()方法，是等价的。
2分
•
•
参考答案 :
错
答案说明 :
暂无解析
44、
$.ajax()方法的参数选项顺序可以任意排列。
2分
•
•
参考答案 :
对
答案说明 :
暂无描述
45、
在操作元素尺寸中innerWidth()方法获取的是获取元素的宽度，其中包括元素本身的宽度和内边距。
2分
•
•
参考答案 :
对
答案说明 :
暂无解析
填空题
46、
下面代码$('div:has(span)').css('background', 'pink');实现效果。
1分
参考答案 :
【为包含子元素span的div设置背景色为粉色】
答案说明 :
暂无解析
47、
代码可以定义一个表单文本框，内容是“请输入姓名”。
1分
参考答案 :
【】
答案说明 :
暂无解析
48、
在jQuery中，通过方法获取元素标签内容。
1分
参考答案 :
【html()】
答案说明 :
暂无解析
49、
在jQuery中，通过方法过虑掉字符串两端的空白字符。
1分
参考答案 :
【$.trim()】
答案说明 :
暂无解析
50、
jQuery选择器按照功能可以分为3类，它们分别是是。
1分
参考答案 :
【基本选择器、层次选择器、过滤选择器】
答案说明 :
暂无解析
51、
jQuery事件绑定中，通过实现事件委托。
1分
参考答案 :
【on()】
答案说明 :
暂无解析
52、
如果需要删除匹配的元素集合中所有的子节点，用实现。
1分
参考答案 :
【empty()】
答案说明 :
暂无解析
53、
load()方法的第3个参数是回调函数，该函数在请求数据加载完成后执行。回调函数有个默认参数。
1分
参考答案 :
【3】
答案说明 :
暂无解析
54、
jQuery通过对封装，简化了HTML与javaScript之间的操作。
1分
参考答案 :
【javaScript】
答案说明 :
暂无解析
55、
$.ajax()方法中指定请求数据类型的参数项是：1分
参考答案 :
【dataType】
答案说明 :
暂无描述
简答题
56、
。
在页面中引入一张动物园图片，上面分别有四个按钮“猴子”、“老虎”、“狮子”、“狗”。效果如图所示：
当点击这四个按钮时，在动物园中显示相应图片。
要求：
1.点击按钮时，给id为imge的元素添加对应图片（猴子、老虎、狮子、狗）。每个按钮只对应添加一张图片
2.点击猴子按钮时添加；点击老虎按钮时添加；点击狮子按钮时添加；点击狗按钮时添加
3.点击按钮时，添加动画效果让图片显示出来。每个按钮对应的动画效果要求各不相同（只需要四种不同动画做出图片显示效果，动画的选用和参数不限）。
4.在给的代码框架中补充jQuery代码，其他部分不允许修改。
5.提交的答案包括项目压缩包和全部代码截图
代码框架如下：
10分
我的答案：
参考答案 :
$(function () {
var imge=$("#imge");
var temp=$("#temp");
$("#monkey").click(function(){
("src", "images/");
(1000);
});
$("#tiger").click(function(){
("src", "images/");
own(1000);
});
$("#lion").click(function(){
("src", "images/");
(1000);
});
$("#dog").click(function(){
("src", "images/");
().animate({left:150}, 8000, "swing");
});
});
答案说明 :
1.对于动画代码或者整体代码一样的同学该题零分处理.
2.提交的答案包括项目压缩包和全部代码截图，缺少本题按零分处理
57、
请简述jQuery对象。
10分
我的答案：
jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。
jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法。
虽然 jQuery 对象是包装 DOM 对象后产生的，但是 jQuery 无法使用 DOM 对象的任何方法，同理 DOM 对象也不能使用 jQuery 里的方法，乱使用会报错。
参考答案 :
通过“$(参数)”的形式可以创建jQuery的实例对象，即jQuery对象。创建jQuery对象后，就可以调用一些jQuery提供的方法来完成具体操作。
答案说明 :
暂无解析
58、
页面模拟一个公告栏效果。
1.页面最开始有“本站公告”和“通知”按钮显示在页面
2.当点击“通知”按钮时，在class为notice的元素中添加内容，效果如图1所示
图1
3.点击“删除”按钮时，显示删除提示框，如图2所示
图2
（1）点击“确认”或“取消”按钮，也可以点击右上角的“X”来关闭提示框。关闭提示框后，页面如图1所示
（2）当点击“确认”按钮时，删除记录并且提示框消失。页面如图3所示。
图3
要求：
1）页面框架已经在题干和附件中提供，只能在缺失的jQuery中作答，其他部分不允许修改
2）在图1所示的“***阅读了通知！”中*号部分请改成自己的名字
3）提交结果答案时，请包括项目压缩包、全部代码截图、运行效果截图。
本站公告
删除提示
您确定要删除这条记录吗？
/>
10分
我的答案：
参考答案 :
$(function(){
$("#btn").click(function () {
$(".notice").show().empty();
$(".notice").append("***阅读了通知！ ");
})
$(".notice").on("click","#delBtn",function(){
$(".delDialog").show();
})
$(".title img").click(function(){
$(".delDialog").hide();
})
$("#cancelBtn").click(function(){
$(".delDialog").hide();
})
$("#confirmBtn").click(function(){
$(".notice").hide();
$(".delDialog").hide();
})
})
答案说明 :
1.部分或全部代码如果和其他同学雷同，本题按零分处理
2.提交的内容必须包括项目压缩包、全部代码截图、运行效果截图，缺少本题按零分处理
发布评论