2020年《WEB前端JS高级》试题（含参考答案）
一、填空题
1．在jquery中，想让一个元素隐藏，用_____hide()___实现，显示隐藏的元素用____show()_____实现。=
2．在一个表单中，用600毫秒缓慢的将段落滑上，用______$(“p”).slideUp(600)______来实现。
3．彻底将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");
二、单选题
4．下面哪种不属于jquery的筛选？：
正确答案：D
A  过滤
B  串联
C  查
D  自动
5．哪个标签适合定义导航：
正确答案：A
A  nav
B  progress
C  article
D  aside
6．web前端开发笔试题库在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？：
正确答案：C
A  empty()
B  removeAll()
C  remove()
D  delete()
7．下面哪种不属于jquery的筛选？：
正确答案：B
A  过滤
B  自动
C  串联
D  查
8．已知页面中有一个元素id为“xxx”，通过jquery将其删除，书写正确的是：
正确答案：C
A  $("#xxx").clone()
B  delete().$("#xxx")
C  $("#xxx").remove()
D  $("#xxx").empty()
9．下面（）选择器可以获取到下拉列表的选中项？：
正确答案：B
A  $("select:selected")
B  $("select option:selected")
C  $("select option:select")
D  $("select option:checked")
10．以下给div添加class的方法正确的是：
正确答案：B
A  $("div").hasClass("cl")
B  $("div").addClass("cl")
C  $("div").css("cl")
D  $("div").removeClass("cl")
11．（）方法可以阻止事件冒泡？：
正确答案：B
A  preventDefault()
B  stopPropagation()
C  return true
D  stop()
12．以下对one()函数描述正确的是：
正确答案：C
A  和on()没什么区别
B  可以删除已绑定的事件
C  给元素绑定一次性事件
D  可以代替live()使用
13．（）方法可以使元素重复切换样式？：
正确答案：C
A  className()
B  addClass()
C  toggleClass()
D  removeClass()
14．当单击段落元素时显示它的文本内容，以下哪句可以实现该功能？：
正确答案：A
A  $("p").on("click",function(){alert($(this).text())})
B  $("p").on("onclick",function(){alert($(this).text())})
C  $("p").on("click",function(){())})
D  以上都不正确
15．在鼠标事件中，获取鼠标相对于当前窗口可视区域的纵坐标位置，以下代码正确的是。：
正确答案：B
A  event.offset().top
B  event.clientY
C  event.offsetTop
D  event.pageY
16．#box{width:10px;padding:5px;border:1px solid #ccc;margin:5px},$("#box").outerWidth()的返回结果是（  ）：
正确答案：D
A  32
B  27
C  10
D  22
17．nextAll()这个方法，也可以使用（  ）选择器来实现（  ）：
正确答案：A
A  ~
B  >
C  空格
D  *
18．#box{width:10px;padding:5px;border:1px solid #ccc;margin:5px},$("#box").outerWidth()的返回结果是（true）：
正确答案：C
A  10
B  22
C  32
D  27
19．var defaults={
size:10,
name:"img",
count:8
}
var opt=$.extend({},defaults,{name:"pic",count:10,state:1}),console.log(defaults.name);的打印结果是（  ）：
正确答案：B
A  pic
B  img
C  undefined
D  程序报错
20．定义一个jQuery插件函数正确的写法是？：
正确答案：A
A  $.fn.demo=function(){}
B  $.exent("demo")
C  $.event="demo"
D  $.demo
21．以下添加键盘事件代码正确的是：
正确答案：A
A  $(document).bind("keyup")
B  $(document).bind("mouseup")
C  $(document).bind("click")
D  $(document).on("load")
22．给页面中ID为“div1”的元素的所有后代元素添加“click”事件，以下正确的是：
正确答案：D
A  $("#div1").on("click")
B  $("#div1").next().on("click")
C  $("#div1").siblings().on("click")
D  $("#div1").find("*").on("click")
23．已知代码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);
24．从页面的所有div元素中筛选出id名为demo的div元素，写法正确的是？：
正确答案：B
A  $("div").has("#demo")
B  $("div").filter("#demo")
C  $("div").eq("#demo")
D  $("div").find("#demo")
25．xmlhttp.open("GET","test1.json",false)以上代码中false表示：：

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