2020年《WEB前端JS高级》试题（含参考答案）
一、填空题
1．在jquery中，想让一个元素隐藏，用_____hide()___实现，显示隐藏的元素用____show()_____实现。=
2．在一个表单中，用600毫秒缓慢的将段落滑上，用______$(“p”).slideUp(600)______来实现。
3．在jquery中，如果想要自定义一个动画，用_________ animate(params, options)______函数来实现。
4．彻底将jQuery变量还原，可以使用___$.noConflict(extreme)___方法实现。
5，在一个表单中，如果将所有的div元素都设置为绿，实现功能是____________________________。 $(“div”).css(“color”,”green”)
6，在jquery中，鼠标移动到一个指定的元素上，会触发指定的一个方法，实现该操作的是__
____________。 hover(over,out)
7，在jquery中，想让一个元素隐藏，用________实现，显示隐藏的元素用_________实现。hide(),show()
8，在一个表单里，想要到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。first,eq(1)
9，现有一个表格，如果想要匹配所有行数为偶数的，用________实现，奇数的用_______实现。even,odd
10，请写出页面元素的动态显示和隐藏操作代码。
假设页面有查看按钮，要控制查看按钮的可见性：<input type="button" id="query" value="查看"/>，
设置按钮不可见：$("#query").hide(); 或者$("#query").css("display","none");
设置按钮可见：$("#query").show();或者$("#query").css("display","block");
二、单选题
5．（）方法可以使元素重复切换样式？：
正确答案：C
A  className()
B  addClass()
C  toggleClass()
D  removeClass()
6．哪个标签适合定义文章：
正确答案：C
web前端开发笔试题库A  div
B  aside
C  article
D  section
7．如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？：
正确答案：D
A  insertAfter(content)
B  appendTo(content)
C  append(content)
D  after(content)
8．下面哪种不属于jquery的筛选？：
正确答案：B
A  过滤
B  自动
C  串联
D  查
9．在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？：
正确答案：B
A  css(name,value)
B  css(name)
C  first
D  eq(1)
10．如果想要到一个表格的指定行数的元素，用下面哪个方法可以快速到指定元素？：
正确答案：D
A  contents（）
B  text()
C  get()
D  eq()
11．给页面中第一个span添加一个class,"testSpan",以下代码正确的是：
正确答案：A
A  $("span").first().addClass("testSpan")
B  $("span").eq(1).addClass("testSpan")
C  $("span").first().css("testSpan")
D  $("span").last().hasClass("testSpan")
12．下面（）选择器可以获取到下拉列表的选中项？：
正确答案：B
A  $("select:selected")
B  $("select option:selected")
C  $("select option:select")
D  $("select option:checked")
13．以下给div添加class的方法正确的是：
正确答案：B
A  $("div").hasClass("cl")
B  $("div").addClass("cl")
C  $("div").css("cl")
D  $("div").removeClass("cl")
14．筛选出已知$("#span01")的祖先元素中，class为“mainbox”的所有元素：
正确答案：B
A  $("#span01").closest(".mainbox")
B  $("#span01").parents(".mainbox")
C  $("#span01").parent(".mainbox")
D  $("#span01").find(".mainbox")
15．已知代码var $a=$("#a1"),$b=$("#b1"),$c=$("#c1");如果想将$c插入到$a的前面，以下代码正确的是。：
正确答案：A
A  $a.before($c);
B  $c.appendTo($a);
C  $c.before($a);
D  $a.prependTo($c);
16．查p元素下的span子元素，以下写法正确的是？：
正确答案：B
A  $("span p")
B  $("p").find("span")
C  $("span").find("p")
D  $("p").has("span")
17．下面哪种不属于jquery的筛选？：
正确答案：D
A  过滤
B  串联
C  查
D  自动
18．在鼠标事件中，获取鼠标相对于当前窗口可视区域的纵坐标位置，以下代码正确的是。：
正确答案：B
A  event.offset().top
B  event.clientY
C  event.offsetTop
D  event.pageY
19．#box{width:10px;padding:5px;border:1px solid #ccc;margin:5px},$("#box").outerWidth()的返回结果是（  ）：
正确答案：D
A  32
B  27
C  10
D  22
20．nextAll()这个方法，也可以使用（  ）选择器来实现（  ）：
正确答案：A
A  ~
B  >
C  空格
D  *
21．想要获取到select元素内被选中的option元素，以下书写正确的是？：
正确答案：B
A  $("select").filter("option:selected")
B  $("select").find("option:selected")
C  $("select").is("option:selected")
D  $("select").has("option:selected")
22．定义一个jQuery插件函数正确的写法是？：
正确答案：A
A  $.fn.demo=function(){}
B  $.exent("demo")
C  $.event="demo"
D  $.demo
23．以下添加键盘事件代码正确的是：
正确答案：A
A  $(document).bind("keyup")
B  $(document).bind("mouseup")
C  $(document).bind("click")
D  $(document).on("load")
24．哪个标签适合定义导航：
正确答案：A
A  nav
B  progress
C  article
D  aside
25．制作移动端页面哪个布局方式不适合？：
正确答案：C
A  响应式 Responsive（使用 @media 媒体查询 给不同尺寸和介质的设备切换不同的样式）
B  伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。