2024年5月3日发(作者：)

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，请写出页面元素的动态显示和隐藏操作代码。

假设页面有查看按钮，要控制查看按钮的可见性：查看"/>，

设置按钮不可见：$("#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．在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(){alert(())})

D 以上都不正确

15．在鼠标事件中，获取鼠标相对于当前窗口可视区域的纵坐标位置，以下代码正确的

是。：

正确答案：B

A ().top

B Y

C Top

D

16

正确答案：D

A 32

B 27

C 10

D 22

．#box{width:10px;padding:5px;border:1px solid

#ccc;margin:5px},$("#box").outerWidth()的返回结果是（ ）：

17．nextAll()这个方法，也可以使用（ ）选择器来实现（ ）：

正确答案：A

A ~

B >

C 空格

D *

18

正确答案：C

A 10

B 22

C 32

D 27

．#box{width:10px;padding:5px;border:1px solid

#ccc;margin:5px},$("#box").outerWidth()的返回结果是（true）：

19．var defaults={

size:10,

name:"img",

count:8

}

var

opt=$.extend({},defaults,{name:"pic",count:10,state:1}),();

的打印结果是（ ）：

正确答案：B

A pic

B img

C undefined

D 程序报错

20．定义一个jQuery插件函数正确的写法是？：

正确答案：A

A $.=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 $($c);

B $To($a);

C $($a);

D $dTo($c);

24．从页面的所有div元素中筛选出id名为demo的div元素，写法正确的是？：

正确答案：B

A $("div").has("#demo")

B $("div").filter("#demo")

C $("div").eq("#demo")

D $("div").find("#demo")

25．("GET","",false)以上代码中false表示：：

正确答案：D

A 异步

B 不确定

C 以上都不正确

D 同步

26．当readyState值为2时，说明：：

正确答案：A

A 请求已发送（这里通常可以从响应得到内容头部）

B 请求已提出（调用 send() 之前）

C 请求未初始化

D 服务器连接已建立

27．CSSStyleSheet对象的href属性说法正确的是（）：

正确答案：A

A 返回样式表的位置（URL），如果是内联样式表，则为 null。

B 以上都不对

C 返回样式表的位置（URL），如果是内联样式表，则为 false。

D 返回样式表的位置（URL），如果是内联样式表，则为 true。

28．JavaScript中用来获取元素在垂直方向上占用的空间大小的方法是（）：

正确答案：C

A offsetLeft

B scrollTop

C offsetTop

D scrollLeft

29．heets[0].cssRule[0]，IE 中这个属性用：：

正确答案：C

A 以上都不正确

B deleteRule

C rules

D insertRule

30．计算样式的时候，如果元素不是绝对定位，查询top值时,返回：：

正确答案：A

A auto

B null

C 数值

D undefined

31．通过style方式设置样式，样式的属性格式是：

正确答案：B

A 大写

B 驼峰写法

C 小写

D 横杠相连

32．筛选出已知$("#span01")的祖先元素中，class为“mainbox”的所有元素：

正确答案：B

A $("#span01").closest(".mainbox")

B $("#span01").parents(".mainbox")

C $("#span01").parent(".mainbox")

D $("#span01").find(".mainbox")

33．当元素有class样式时取消，没有时添加class样式可以通过（）方法实现？：

正确答案：D

A removeClass()

B addClass()

C triggerClass()

D toggleClass()

34．AJAX中 XMLHttpRequest对象有（ ）个状态值 ：

正确答案：B

A 6

B 5

C 4

D 3

35．想要获取到img元素的src属性值，以下写法正确的是？：

正确答案：B

A $("img").getAttribute("src")

B $("img").attr("src")

C $("img").attr("src","")

D $("img").getAttr("src")

36．以下将#box的背景色设为灰色，且加5px的顶填充的写法，错误的是（

正确答案：C

A $('#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'})

37．创建一个p元素，以下书写错误的是：

正确答案：B

A $("

")

B $("p")

C Element("p")

D $("

")

38．获取所有被选中的复选框，以下写法正确的是（ ）：

正确答案：D

A $("input[type=radio]:checked")

B $("input:checkbox")

C $("input[checkbox]:disabled")

D $("input[type=checkbox]:checked")

39．~选择器相当于jQuery中的哪个方法（ ）：

正确答案：C

）：