《最新版精编2021年WEB前端JS高级完整复习题库（含答案）》由会员分享，可在线阅读，更多相关《最新版精编2021年WEB前端JS高级完整复习题库（含答案）（19页珍藏版）》请在金锄头文库上搜索。
1、2021年WEB前端JS高级考试题库含答案一、填空题1彻底将jQuery变量还原，可以使用_$.noConflict(extreme)_方法实现。5，在一个表单中，如果将所有的div元素都设置为绿色，实现功能是_。 $(“div”).css(“color”,”green”)6，在jquery中，鼠标移动到一个指定的元素上，会触发指定的一个方法，实现该操作的是_。 hover(over,out)7，在jquery中，想让一个元素隐藏，用_实现，显示隐藏的元素用_实现。hide(),show()8，在一个表单里，想要找到指定元素的第一个元素用_实现，那么第二个元素用_实现。first,eq(1)9
2、，现有一个表格，如果想要匹配所有行数为偶数的，用_实现，奇数的用_实现。even,odd10，请写出页面元素的动态显示和隐藏操作代码。假设页面有查看按钮，要控制查看按钮的可见性：，设置按钮不可见：$(#query).hide(); 或者$(#query).css(display,none);设置按钮可见：$(#query).show();或者$(#query).css(display,block);二、单选题2获取页面中所有jpg格式的图片，以下写法正确的是（ ）。：正确答案：AA $(imgsrc$=jpg)B $(imgsrc=jpg)C $(imgsrc=jpg)D $(imgsrc*=
3、jpg)3#boxwidth:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（true）：正确答案：CA 10B 22C 32D 274想要获取到select元素内被选中的option元素，以下书写正确的是？：正确答案：BA $(select).filter(option:selected)B $(select).find(option:selected)C $(select).is(option:selected)D $(select).has(option:se
4、lected)5#boxwidth:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（ ）：正确答案：DA 32B 27C 10D 226查找p元素下的span子元素，以下写法正确的是？：正确答案：BA $(span p)B $(p).find(span)C $(span).find(p)D $(p).has(span)7定义一个jQuery插件函数正确的写法是？：正确答案：AA $.fn.demo=function()B $.exent(demo)C $.event
5、=demoD $.demo8制作移动端页面哪个布局方式不适合？：正确答案：CA 响应式 Responsive（使用 media 媒体查询 给不同尺寸和介质的设备切换不同的样式）B 伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局）C 固定 Fixed （使用 px 和 pt 这样的绝对单位进行固定布局）D 流动 Fluid（使用 % 百分比进行相对布局）9让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置：正确答案：DA bgcolor=blueB backcolor=blueC bgground=blueD background=blue10ready(fn)方法
6、描述错误的是？：正确答案：AA 在同一个页面中只允许使用一次$(document).ready()事件B 是页面加载方法C 在DOM载入就绪时立即调用fn函数D 这个方法是window.load事件的替代方法11创建一个p元素，以下书写错误的是：正确答案：BA $()B $(p)C document.createElement(p)D $()12当readyState值为2时，说明：正确答案：AA 请求已发送（这里通常可以从响应得到内容头部）B 请求已提出（调用 send() 之前）C 请求未初始化D 服务器连接已建立13如果需要像 HTML 表单那样 POST 数据，请使用 setReque
7、stHeader() 来添加 HTTP 头：正确答案：BA setRequestHeader(Connection, close);B xmlhttp.setRequestHeader(Content-type,application/x-www-form-urlencoded);C setRequestHeader(Content-length, paramsSend.length);D 以上都不正确14火狐浏览器获取非style中的元素样式可以用( )属性：正确答案：BA getsomputedstyle()B getComputedStyle()C currentstyleD curre
8、ntStyle15计算样式的时候，如果元素不是绝对定位，查询top值时,返回：正确答案：AA autoB nullC 数值D undefined16通过（）方法获得集合中每个匹配元素的祖先元素：正确答案：DA closest()B parent()C parentAll()D parents()17CSSStyleSheet对象的href属性说法正确的是（）：正确答案：AA 返回样式表的位置（URL），如果是内联样式表，则为 null。B 以上都不对C 返回样式表的位置（URL），如果是内联样式表，则为 false。D 返回样式表的位置（URL），如果是内联样式表，则为 true。18使用jq
9、uery检查<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 someing. D if($(#id).length() 0) /do someing.19下面哪一个是用来追加到指定元素的末尾的？：正确答案：DA insertAfter()B after()C append()D appendT
10、o()20如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？：正确答案：DA contents（）B text()C get()D eq()21以下对one()函数描述正确的是：正确答案：CA 和on()没什么区别B 可以删除已绑定的事件C 给元素绑定一次性事件D 可以代替live()使用22给页面中第一个span添加一个class,"testSpan",以下代码正确的是：正确答案：AA $(span).first().addClass(testSpan)B $(span).eq(1).addClass(testSpan)C $(span).firs
11、t().css(testSpan)D $(span).last().hasClass(testSpan)23以下not()方法使用正确的是：正确答案：AA $(div).not(.div01)B not(.div01).$(div)C not(div:div01)D $(div).not()=div0124如果在做动画时，要同时改变多个属性，比如位置，透明度，宽高等，使用哪个方法最佳：正确答案：AA animate()B slideDown()C fadeToggle()D slideToggle()25（）方法可以阻止事件冒泡？：正确答案：BA preventDefault()B stopP
12、ropagation()C return trueD stop()26（）方法可以使元素重复切换样式？：正确答案：CA className()B addClass()C toggleClass()D removeClass()27var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.name);的打印结果是（ ）：正确答案：BA picB imgC undefinedD 程序报错
13、28给页面中ID为“div1”的元素的所有后代元素添加“click”事件，以下正确的是：正确答案：DA $(#div1).on(click)B $(#div1).next().on(click)C $(#div1).siblings().on(click)D $(#div1).find(*).on(click)29在匹配的em元素中筛选出第二个em？：正确答案：DA $(em).eq(-2)B $(em).eq(2)C $(em).eq(0)D $(em).eq(1)30readyState为3表示：正确答案：DA 请求处理前B 请求处理后C 请求完成D 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）31JavaScript中用来获取元素在垂直方向上占用的空间大小的方法是（）：正确答案：CA offsetLeftB scrollTopC offsetTopD scrollLeft32JavaScript中用来获取
