《最新版精选2021年WEB前端JS高级考试复习题库（含答案）》由会员分享，可在线阅读，更多相关《最新版精选2021年WEB前端JS高级考试复习题库（含答案）（20页珍藏版）》请在金锄头文库上搜索。
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在jquery中，如果想要自定义一个动画，用_ animate(params, options)_函数来实现。二、单选题5当单击段落元素时显示它的文本内容，以下哪句可以实现该功能？：正确答案：AA $(p).on(click,function()alert($(this).text()B $(p).on(onclick,function()alert($(this).text()C $(p).on(click,function()alert(this.text()D 以上都不正确6以下添加键盘事件代码正确的是：正确答案：AA $(document).bind(keyup)B $(docum
4、ent).bind(mouseup)C $(document).bind(click)D $(document).on(load)7定义一个jQuery插件函数正确的写法是？：正确答案：AA $.fn.demo=function()B $.exent(demo)C $.event=demoD $.demo8var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.state);的打印
5、结果是（ ）：正确答案：BA picB undefinedC imgD 程序报错9已知代码var $a=$("#a1"),$b=$("#b1"),$c=$("#c1");如果想将$c插入到$a的前面，以下代码正确的是。：正确答案：AA $a.before($c);B $c.appendTo($a);C $c.before($a);D $a.prependTo($c);10下面哪种不属于jquery的筛选？：正确答案：BA 过滤B 自动C 串联D 查找11哪个标签适合定义文章：正确答案：CA divB asideC articleD s
6、ection12查找p元素下的span子元素，以下写法正确的是？：正确答案：BA $(span p)B $(p).find(span)C $(span).find(p)D $(p).has(span)13CSSStyleSheet对象的href属性说法正确的是（）：正确答案：AA 返回样式表的位置（URL），如果是内联样式表，则为 null。B 以上都不对C 返回样式表的位置（URL），如果是内联样式表，则为 false。D 返回样式表的位置（URL），如果是内联样式表，则为 true。14ready(fn)方法描述错误的是？：正确答案：AA 在同一个页面中只允许使用一次$(document)
7、.ready()事件B 是页面加载方法C 在DOM载入就绪时立即调用fn函数D 这个方法是window.load事件的替代方法15选择器相当于jQuery中的哪个方法（ ）：正确答案：CA next()B prevAll()C nextAll()D prev()16获取页面中所有jpg格式的图片，以下写法正确的是（ ）。：正确答案：AA $(imgsrc$=jpg)B $(imgsrc=jpg)C $(imgsrc=jpg)D $(imgsrc*=jpg)17计算样式的时候，如果元素不是绝对定位，查询top值时,返回：正确答案：AA autoB nullC 数值D undefined18CSS
8、StyleSheet对象的disabled属性表示：正确答案：BA 以上都不正确B 样式表是否被禁用C title属性值D 样式表类型的字符串19当元素有class样式时取消，没有时添加class样式可以通过（）方法实现？：正确答案：DA removeClass()B addClass()C triggerClass()D toggleClass()20以下给div添加class的方法正确的是：正确答案：BA $(div).hasClass(cl)B $(div).addClass(cl)C $(div).css(cl)D $(div).removeClass(cl)21哪个单位是相对于根元素
9、html来计算的？：正确答案：CA emB ptC remD px22下面哪一个是用来追加到指定元素的末尾的？：正确答案：DA insertAfter()B after()C append()D appendTo()23在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？：正确答案：CA empty()B removeAll()C remove()D delete()24如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？：正确答案：DA insertAfter(content)B appendTo(content)C append(content)D after(
10、content)25在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？：正确答案：BA css(name,value)B css(name)C firstD eq(1)26如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？：正确答案：DA contents（）B text()C get()D eq()27给页面中第一个span添加一个class,"testSpan",以下代码正确的是：正确答案：AA $(span).first().addClass(testSpan)B $(span).eq(1).addClass(testSpa
11、n)C $(span).first().css(testSpan)D $(span).last().hasClass(testSpan)28以下not()方法使用正确的是：正确答案：AA $(div).not(.div01)B not(.div01).$(div)C not(div:div01)D $(div).not()=div0129如果在做动画时，要同时改变多个属性，比如位置，透明度，宽高等，使用哪个方法最佳：正确答案：AA animate()B slideDown()C fadeToggle()D slideToggle()30（）方法可以阻止事件冒泡？：正确答案：BA prevent
12、Default()B stopPropagation()C return trueD stop()31（）方法可以使元素重复切换样式？：正确答案：CA className()B addClass()C toggleClass()D removeClass()32nextAll()这个方法，也可以使用（ ）选择器来实现（ ）：正确答案：AA B C 空格D *33var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),con
13、sole.log(defaults.name);的打印结果是（ ）：正确答案：BA picB imgC undefinedD 程序报错34已知页面中有一个元素id为“xxx”，通过jquery将其删除，书写正确的是：正确答案：CA $(#xxx).clone()B delete().$(#xxx)C $(#xxx).remove()D $(#xxx).empty()35在匹配的em元素中筛选出第二个em？：正确答案：DA $(em).eq(-2)B $(em).eq(2)C $(em).eq(0)D $(em).eq(1)36oggle()表示:：正确答案：AA 如果不存在类名就添加一个；否则，删除它B 从元素的class属性中添加和清除一个类名C 检测class属性中是否包含一个指定的类名。D 以上都不正确37document
