新版精编2021年WEB前端JS高级测试复习题库（含答案）.docVIP

2021年WEB前端JS高级考试题库[含答案] 一、填空题 1．在jquery中，想让一个元素隐藏，用_____hide()___实现，显示隐藏的元素用____show()_____实现。= 2．彻底将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); 二、单选题 3．以下对attr()的使用方法书写正确的是。： 正确答案：D A $(div):attr(name) B $(div).attr(name=va) C $(div).attr(name:va) D $(div).attr(name) 4．jQuery中的加号选择器相当于以下哪个方法（ ）： 正确答案：A A next() B siblings() C nextAll() D prev() 5．在鼠标事件中，获取鼠标相对于当前窗口可视区域的纵坐标位置，以下代码正确的是。： 正确答案：B A event.offset().top B event.clientY C event.offsetTop D event.pageY 6．已知代码var $a=$(quot;#a1quot;),$b=$(quot;#b1quot;),$c=$(quot;#c1quot;);如果想将$c插入到$a的前面，以下代码正确的是。： 正确答案：A A $a.before($c); B $c.appendTo($a); C $c.before($a); D $a.prependTo($c); 7．下面（）选择器可以获取到下拉列表的选中项？： 正确答案：B A $(select:selected) B $(select option:selected) C $(select option:select) D $(select option:checked) 8．当单击段落元素时显示它的文本内容，以下哪句可以实现该功能？： 正确答案：A A $(p).on(click,function(){alert($(this).text())}) B $(p).on(onclick,function(){alert($(this).text())}) C $(p).on(click,function(){alert(this.text())}) D 以上都不正确 9．制作移动端页面哪个布局方式不适合？： 正确答案：C A 响应式 Responsive（使用 @media 媒体查询 给不同尺寸和介质的设备切换不同的样式） B 伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局） C 固定 Fixed （使用 px 和 pt 这样的绝对单位进行固定布局） D 流动 Fluid（使用 % 百分比进行相对布局） 10．#box{width:10px;padding:5px;border:1px solid #ccc;margin:5px},$(quot;#boxquot;).outerWidth()的返回结果是（true）： 正确答案：C A 10 B 22 C 32 D 27 11．以下将#box的背景色设为灰色，且加5px的顶填充的写法，错误的是（ ）： 正确答案：C A $(#box).css({background:#ccc,padding-top:5px}) B $(#