《最新WEB前端JS高级考试复习题库（含答案）》由会员分享，可在线阅读，更多相关《最新WEB前端JS高级考试复习题库（含答案）（19页珍藏版）》请在金锄头文库上搜索。
1、2021年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，
2、在jquery中，想让一个元素隐藏，用_实现，显示隐藏的元素用_实现。hide(),show()8，在一个表单里，想要找到指定元素的第一个元素用_实现，那么第二个元素用_实现。first,eq(1)9，现有一个表格，如果想要匹配所有行数为偶数的，用_实现，奇数的用_实现。even,odd10，请写出页面元素的动态显示和隐藏操作代码。假设页面有查看按钮，要控制查看按钮的可见性：，设置按钮不可见：$(#query).hide(); 或者$(#query).css(display,none);设置按钮可见：$(#query).show();或者$(#query).css(display,block)
3、;二、单选题4当元素有class样式时取消，没有时添加class样式可以通过（）方法实现？：正确答案：DA removeClass()B addClass()C triggerClass()D toggleClass()5制作移动端页面哪个布局方式不适合？：正确答案：CA 响应式 Responsive（使用 media 媒体查询 给不同尺寸和介质的设备切换不同的样式）B 伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局）C 固定 Fixed （使用 px 和 pt 这样的绝对单位进行固定布局）D 流动 Fluid（使用 % 百分比进行相对布局）6让当前页面的背景色为蓝色，应
4、该使用哪一句代码来描述此种设置：正确答案：DA bgcolor=blueB backcolor=blueC bgground=blueD background=blue7下面哪种不属于jquery的筛选？：正确答案：BA 过滤B 自动C 串联D 查找8（）方法可以触发匹配元素的特定事件，同时取消浏览器对此事件的默认操作。：正确答案：BA trigger()B triggerHandler（）C one()D bind()9创建一个p元素，以下书写错误的是：正确答案：BA $()B $(p)C document.createElement(p)D $()10以下将#box的背景色设为灰色，且加5
5、px的顶填充的写法，错误的是（ ）：正确答案：CA $(#box).css(background:#ccc,padding-top:5px)B $(#box).css(background,#ccc).css(paddingTop,5px)C $(#box).css(background:#ccc,padding-top:5px)D $(#box).css(background:#ccc,paddingTop:5px)11下面（）选择器可以获取到下拉列表的选中项？：正确答案：BA $(select:selected)B $(select option:selected)C $(select o
6、ption:select)D $(select option:checked)12查找p元素下的span子元素，以下写法正确的是？：正确答案：BA $(span p)B $(p).find(span)C $(span).find(p)D $(p).has(span)13已知代码var $a=$("#a1"),$b=$("#b1"),$c=$("#c1");如果想将$c插入到$a的前面，以下代码正确的是。：正确答案：AA $a.before($c);B $c.appendTo($a);C $c.before($a);D $a.prepe
7、ndTo($c);14火狐浏览器获取非style中的元素样式可以用( )属性：正确答案：BA getsomputedstyle()B getComputedStyle()C currentstyleD currentStyle15#boxwidth:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（ ）：正确答案：DA 32B 27C 10D 2216CSSStyleSheet对象的disabled属性表示：正确答案：BA 以上都不正确B 样式表是否被禁用C titl
8、e属性值D 样式表类型的字符串17CSSStyleSheet对象的href属性说法正确的是（）：正确答案：AA 返回样式表的位置（URL），如果是内联样式表，则为 null。B 以上都不对C 返回样式表的位置（URL），如果是内联样式表，则为 false。D 返回样式表的位置（URL），如果是内联样式表，则为 true。18想要获取到select元素内被选中的option元素，以下书写正确的是？：正确答案：BA $(select).filter(option:selected)B $(select).find(option:selected)C $(select).is(option:sele
9、cted)D $(select).has(option:selected)19#boxwidth:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（true）：正确答案：CA 10B 22C 32D 2720如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头：正确答案：BA setRequestHeader(Connection, close);B xmlhttp.setRequestHeader(Con
10、tent-type,application/x-www-form-urlencoded);C setRequestHeader(Content-length, paramsSend.length);D 以上都不正确21var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.state);的打印结果是（ ）：正确答案：BA picB undefinedC imgD 程序报错22以下给
11、div添加class的方法正确的是：正确答案：BA $(div).hasClass(cl)B $(div).addClass(cl)C $(div).css(cl)D $(div).removeClass(cl)23使用jquery检查<input type="hidden" id="id" name="id"/>元素在网页上是否存在。：正确答案：BA if($(#id) /do someing. B if($(#id).length 0) /do someing.C if($(#id).size 0) /do somei
12、ng. D if($(#id).length() 0) /do someing.24下面哪一个是用来追加到指定元素的末尾的？：正确答案：DA insertAfter()B after()C append()D appendTo()25如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？：正确答案：DA insertAfter(content)B appendTo(content)C append(content)D after(content)26在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？：正确答案：BA css(name,value)B css(name)C
13、 firstD eq(1)27以下对one()函数描述正确的是：正确答案：CA 和on()没什么区别B 可以删除已绑定的事件C 给元素绑定一次性事件D 可以代替live()使用28如何阻止动画继续执行。：正确答案：BA remove()B stop()C toggle()D delete()29（）方法可以使元素重复切换样式？：正确答案：CA className()B addClass()C toggleClass()D removeClass()30var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.name);的打印结果是（ ）：正确答案：BA picB imgC undefinedD 程序报错31已知页面中有一个元素id为“xxx”，通过jquery
