《WEB前端JS高级》题库20170928

30、在父元素末端添加一个子元素用（）方法：

正确答案：C

A html()

B after（）

C append()

D insertBefore（）

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

正确答案：B

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

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

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

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

32、以下对attr()的使用方法书写正确的是。：

正确答案：D

A $("div"):attr("name")

B $("div").attr("name"="va")

C $("div").attr("name":"va")

D $("div").attr("name")

33、以下将#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'})

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

正确答案：B

A $("

")

B $("p")

C Element("p")

D $("

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

正确答案：D

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

B $("input:checkbox")

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

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

36、获取页面中所有jpg格式的图片，以下写法正确的是（ ）。：

正确答案：A

A $("img[src$=jpg]")

B $("img[src^=jpg]")

C $("img[src=jpg]")

D $("img[src*=jpg]")

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

正确答案：C

A next()

B prevAll()

C nextAll()

D prev()

38、（）方法可以触发匹配元素的特定事件，同时取消浏览器对此事

件的默认操作。：

正确答案：B

A trigger()

B triggerHandler（）

C one()

D bind()

39、one()功能描述正确的是？：

正确答案：B

A 为元素绑定click事件

B 为元素绑定一次性的事件，即当事件触发一次后，立即被删除。

C 以上说法都不正确

D 为元素绑定特定事件

40、ready(fn)方法描述错误的是？：

正确答案：A

A 在同一个页面中只允许使用一次$(document).ready()事件

B 是页面加载方法

C 在DOM载入就绪时立即调用fn函数

D 这个方法是事件的替代方法

41、关于mouseenter的说法，正确的是：

正确答案：B

A 与mouseenter效果相同

B 当鼠标指针进入元素时，会发生 mouseenter 事件。

C 和mouseover完全没有区别

D 与mousemove效果相同

42、以下哪句可以获取到class为“child"的元素的父级元素：

正确答案：D

A $(".child:parent")

B $(".child").parentNode()

C $(".child"):parent

D $(".child").parent()

43、以下not()方法使用正确的是：

正确答案：A

A $("div").not(".div01")

B not(".div01").$("div")

C not("div:'div01'")

D $("div").not()=="div01"

44、当单击段落元素时显示它的文本内容，以下哪句可以实现该功

能？：

正确答案：A

A $("p").on("click",function(){alert($(this).text())})

B $("p").on("onclick",function(){alert($(this).text())})

C $("p").on("click",function(){alert(())})

D 以上都不正确

45、以下对one()函数描述正确的是：

正确答案：C

A 和on()没什么区别

B 可以删除已绑定的事件

C 给元素绑定一次性事件

D 可以代替live()使用

46、查找p元素下的span子元素，以下写法正确的是？：

正确答案：B

A $("span p")

B $("p").find("span")

C $("span").find("p")

D $("p").has("span")

47、筛选出已知$("#span01")的祖先元素中，class为

“mainbox”的所有元素：

正确答案：B

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

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

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

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

48、使用jquery检查<input type="hidden"

id="id" name="id"/>元素在网页上是否存

在。：

正确答案：B

A if($("#id")) { // }

B if($("#id").length > 0) { //}

C if($("#id").size > 0) { // }

D if($("#id").length() > 0) { //}

49、下面哪一个是用来追加到指定元素的末尾的？：

正确答案：D

A insertAfter()

B after()

C append()

D appendTo()

50、在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪

一个是正确的？：

正确答案：C

A empty()

B removeAll()

C remove()

D delete()

51、如果想在一个指定的元素后添加内容，下面哪个是实现该功能

的？：

正确答案：D

A insertAfter(content)

B appendTo(content)

C append(content)

D after(content)

52、下面哪种不属于jquery的筛选？：

正确答案：B

A 过滤

B 自动

C 串联

D 查找

53、在jquery中，想要给第一个指定的元素添加样式，下面哪一个是

正确的？：

正确答案：B

A css(name,value)

B css(name)

C first

D eq(1)

54、如果想要找到一个表格的指定行数的元素，用下面哪个方法可以

快速找到指定元素？：

正确答案：D

A contents（）

B text()

C get()

D eq()

55、以下哪句代码可以实现在id为"next"元素前插入一个div元素？：

正确答案：B

A $("#next").append("

B $("#next").before("

C $("#next").insert("

D $("#next").prependTo("

56、已知页面中有一个元素id为“xxx”，通过jquery将其删除，书写正确的是：

正确答案：C

A $("#xxx").clone()

B delete().$("#xxx")

C $("#xxx").remove()

D $("#xxx").empty()

57、给页面中第一个span添加一个class,"testSpan",以下代码正确的是：

正确答案：A

A $("span").first().addClass("testSpan")

B $("span").eq(1).addClass("testSpan")

C $("span").first().css("testSpan")

D $("span").last().hasClass("testSpan")

58、下面（）选择器可以获取到下拉列表的选中项？：

正确答案：B

A $("select:selected")

B $("select option:selected")

C $("select option:select")

D $("select option:checked")

59、以下给div添加class的方法正确的是：

正确答案：B

A $("div").hasClass("cl")

B $("div").addClass("cl")

C $("div").css("cl")

D $("div").removeClass("cl")

60、如果在做动画时，要同时改变多个属性，比如位置，透明度，宽高等，使用哪个方法最

佳：

正确答案：A

A animate()

B slideDown()

C fadeToggle()

D slideToggle()

61、如何阻止动画继续执行。：

正确答案：B

A remove()

B stop()

C toggle()

D delete()

62、（）方法可以阻止事件冒泡？：

正确答案：B

A preventDefault()

B stopPropagation()

C return true

D stop()

63、已知代码var $a=$("#a1"),$b=$("#b1"),$c=$("#c1");如果

想将$c插入到$a的前面，以下代码正确的是。：

正确答案：A

A $($c);

B $To($a);

C $($a);

D $dTo($c);

64、（）方法可以使元素重复切换样式？：

正确答案：C

A className()

B addClass()

C toggleClass()

D removeClass()

65、下面哪种不属于jquery的筛选？：

正确答案：D

A 过滤

B 串联

C 查找

D 自动

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

正确答案：B

A ().top

B Y

C Top

D

67、#box{width:10px;padding:5px;border:1px

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

正确答案：D

A 32

B 27

C 10

D 22

68、jQuery中的加号选择器相当于以下哪个方法（ ）：

正确答案：A

A next()

B siblings()

C nextAll()

D prev()

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

正确答案：A

A ~

B >

C 空格

D *

70、想要获取到select元素内被选中的option元素，以下书写正确的是？：

正确答案：B

A $("select").filter("option:selected")

solid

B $("select").find("option:selected")

C $("select").is("option:selected")

D $("select").has("option:selected")

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

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

正确答案：C

A 10

B 22

C 32

D 27

72、var defaults={

size:10,

name:"img",

count:8

}

var

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

打印结果是（ ）：

正确答案：B

A pic

B undefined

C img

D 程序报错

73、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 程序报错

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

正确答案：A

A $.=function(){}

B $.exent("demo")

C $.event="demo"

D $.demo

75、以下添加键盘事件代码正确的是：

正确答案：A

A $(document).bind("keyup")

B $(document).bind("mouseup")

C $(document).bind("click")

D $(document).on("load")

76、给页面中ID为“div1”的元素的所有后代元素添加“click”事件，以下正确的是：

正确答案：D

A $("#div1").on("click")

B $("#div1").next().on("click")

C $("#div1").siblings().on("click")

D $("#div1").find("*").on("click")

77、哪个标签适合定义导航：

正确答案：A

A nav

B progress

C article

D aside

78、制作移动端页面哪个布局方式不适合？：

正确答案：C

A 响应式 Responsive（使用 @media 媒体查询 给不同尺寸和介质的设备切换不同的

样式）

B 伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局）

C 固定 Fixed （使用 px 和 pt 这样的绝对单位进行固定布局）

D 流动 Fluid（使用 % 百分比进行相对布局）

79、哪个单位是相对于根元素html来计算的？：

正确答案：C

A em

B pt

C rem

D px

80、哪个标签适合定义文章：

正确答案：C

A div

B aside

C article

D section

多选50

1、通过 AJAX，JavaScript 无需等待服务器的响应，而是：：

正确答案：C ; D

A 不执行

B 以上都不正确

C 当响应就绪后对响应进行处理

D 在等待服务器响应时执行其他脚本

2、支持 XMLHttpRequest 对象的浏览器都有哪些：

正确答案：B ; C ; D

A IE6

B Firefox

C chrome

D Safari

3、在以下情况中，请使用 POST 请求：：

正确答案：A ; D

A 无法使用缓存文件

B 向服务器发送少量量数据

C 以上都不正确

D 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

4、 关于AJAX说法正确的是：：

正确答案：A ; B ; C

A 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新

B 一种用于创建快速动态网页的技术

C 异步 JavaScript 和 XM

D 以上都不正确

5、status常见的有哪些值：

正确答案：A ; B ; C ; D

A 200

B 304

C 404

D 503

6、关于节点操作正确的是：

正确答案：A ; B ; D

A 获取类名列表：classList

B 获取节点名：nodeName

C 以上都不对

D 获取节点值：nodeValue

7、支持classList的浏览器有哪些：

正确答案：A ; B ; D

A firefox

B chrome

C IE9

D IE10

8、HTML5中，DOMTokenList定义的方法有:：

正确答案：A ; B ; C ; D

A contains()

B toggle()

C add( )

D remove()

9、classList这个API提供了（）CSS类属性方法：

正确答案：A ; B ; C ; D

A 删除（remove）

B 包含（contains）

C 切换（toggle）

D 添加（add）

10、CSSStyleSheet对象的属性有：：

正确答案：A ; B ; C ; D

A disabled

B title

C href

D type

11、改变class不为demo的div元素的背景色，以下那些写法是错误

的？：

正确答案：A ; C

A $("").css("background","blue")

B $("div:not(.demo)").css({"background":"blue"})

C $("div:not(.demo)").css({"background","blue"})

D $("div:not(.demo)").css("background","blue")

12、已知html代码：<ol><li>1</li><li

class="two">2</li><li>3</li></ol>,

想要获取到最后一个LI子元素的正确写法有？：

正确答案：A ; B ; C

A $("ol>li:last")

B $(".two").next()

C $(".two+li")

D $("ol>li:eq(0)")

13、按索引值来选取元素的选择器有哪些？：

正确答案：A ; B ; C ; D

A :gt()

B :odd

C :eq()

D :lt()

14、以下选择器书写正确的是：

正确答案：A ; C ; D

A $("#a a")

B $("a:password")

C $("a.a1")

D $("a:even")

15、以下哪些选择器是表单对象属性过滤选择器？：

正确答案：A ; C ; D

A :selected

B :hidden

C :checked

D :disabled

16、一下属于属性选择器的是：

正确答案：B ; C ; D

A $("input:name==a")

B $("div[name='a1']")

C $("span[name!='a1']")

D $("p[name^='a1']")

17、表单选择器有：

正确答案：A ; B ; C

A $(":button")

B $(":checkbox")

C $(":input")

D $(":fileset")

18、:eq(index)与：nth-child(index)的区别：

正确答案：A ; B

A :eq(index)只匹配一个元素，而:nth-child(index)将为每一个符合条件

的父元素匹配子元素。

B :eq(index)的index从0开始，而：nth-child(index)的index从1开始

C :eq(index)的index从1开始，而：nth-child(index)的index从0开始

D :eq(index)匹配多个元素，而:nth-child(index)将为每一个符合条件的

父元素匹配子元素。

19、插入节点可以用（）方法实现：

正确答案：A ; B ; D

A insertBefore（）

B after（）

C remove()

D append()

20、包裹节点可以用哪些方法：

正确答案：A ; B ; C

A wrapAll（）

B wrap（）

C wrapInner()

D insert()

21、正确的属性操作有哪些？：

正确答案：A ; B ; D

A attr("title","第一个段落")

B attr("title")

C Attr（"title"）

D removeAttr("title")

22、想要获取span元素内的文字内容，可以使用以下那些方法：

正确答案：B ; C

A $("span").val()

B $("span").html()

C $("span").text()

D $("span").txt()

23、以下设置样式的写法，语法错误的是（ ）：

正确答案：C ; D

A $('body').css({'padding-top':'50px'})

B $('body').css('padding-top','50px')

C $('body').css({'padding-top','50px'})

D $('body').css('padding-top',0)

24、以下jQuery的选择器，写法正确的是（ ）：

正确答案：A ; B ; C ; D

A a~b

B a+b

C a>b

D a b

25、以下哪些函数是jquery封装的函数：

正确答案：A ; C ; D

A slideToggle()

B createElement()

C offset()

D slideDown()

26、jquery封装的函数有哪些：

正确答案：A ; C ; D

A slideUp()

B createElement()

C position()

D slideToggle()

27、以下可以生成动画效果的函数有：

正确答案：A ; C ; D

A hide()

B css()

C show()

D slideDown()

28、slideUp()方法的speed属性可以是（ ）：

正确答案：A ; B ; C ; D

A 300

B slow

C fast

D normal

29、让id名为demo的元素以淡出的方式实现隐藏效果的正确写法

是？：

正确答案：A ; B ; D

A $("#demo").animate({opacity:0},200)

B $("#demo").fadeOut("fast")

C $("#demo").animate({height:0},300)

D $("#demo").fadeTo("fast",0)

30、可以实现显示与隐藏切换的动画方法有哪些？：

正确答案：A ; C ; D

A toggle()

B toggleShow()

C fadeToggle()

D slideToggle()

31、实现id名为“wrap”的元素，以展开的方式显示到页面中，以下

写法正确的是：

正确答案：A ; B

A $("#wrap").animate({height:"show"},300)

B $("#wrap").slideDown(300)

C $("#wrap").fadeOut()

D $("#wrap").animate({height:0},300)

32、以下属于animate（）函数参数的是：

正确答案：A ; B ; C

A css属性对象

B 回调函数

C 动画执行速度

D 停止动画

33、以下each()使用方法正确的是：

正确答案：A ; B

A $("div").each(function(){})

B $.each($("div"),function(){})

C each(i=0;i<$("div").length;i++){}

D each($("div"),function(){})

34、可以向容器中插入元素，但有不覆盖原有内容的方法有：

正确答案：A ; C ; D

A append()

B html()

C prependTo()

D prepend（）

35、下面哪几个不是属于jquery的事件处理?：

正确答案：A ; B

A change()

B click()

C one(type)

D bind(type)

36、下面哪几种是属于jquery文档处理的？：

正确答案：A ; B ; C ; D

A 替换

B 内部和外部插入

C 包裹

D 删除

37、下面哪几种是jquery中表单的对象属性？：

正确答案：A ; B ; C ; D

A :checked

B : enabled

C :selected

D :disabled

38、以下哪些是event事件对象的属性和方法？：

正确答案：A ; B ; C ; D

A preventDefault()

B stopPropagation()

C target

D type

39、可让元素实现显示效果的动画有？：

正确答案：B ; C ; D

A fadeTo（）

B show（）

C slideDown（）

D fadeIn（）

40、获取第一个form元素的方法有？：

正确答案：B ; C ; D

A $("form")

B $("form:eq(0)")

C $("form").eq(0)

D $("form:first")

41、无论什么效果，最终可实现元素隐藏的方法有：

正确答案：A ; B ; C ; D

A fadeTo（）

B hide（）

C fadeOut（）

D slideUp（）

42、编写插件的优势是什么？：

正确答案：B ; C ; D

A 提高开发人员编写代码的速度

B 使代码能够重复使用

C 方便后期维护

D 提高开发效率

43、jQuery插件有哪些种类？：

正确答案：A ; C ; D

A 选择器插件

B 自定义插件

C 封闭全局函数的插件

D 封装对象方法的插件

44、以下代码可以获取出页面中所有单选按钮的是。：

正确答案：A ; B ; D

A $("input:radio")

B $(":radio")

C $(":button")

D $("input[type='radio']")

45、在ul中插入一个子元素li，位置不限，以下书写正确的是？：

正确答案：A ; D

A $("ul").prepend("

B $("ul").before("

C $("ul").after("

D $("ul").append("

46、已知代码var $a=$("#a1");如果想在$a中插于一个span元素,以下代码可以实

现的是：

正确答案：A ; B ; C ; D

A $("");

B $d("");

C $(Element("span"));

D $($(""));

47、以下哪些方法可以有于操作class样式：

正确答案：A ; C ; D

A toggleClass()

B deltedClass()

C addClass()

D removeClass()

48、隐藏一个id为test的元素的方法有？：

正确答案：A ; B ; C ; D

A $("#test").hide()

B $("#test").fadeTo()

C $("#test").fadeOut()

D $("#test").fadeToggle()

49、以下哪些方法的返回结果是boolean型的（ ）：

正确答案：A ; B ; E

A is()

B prop("selected")

C

D attr("checked")

E hasClass()

50、关于扩展插件以下书写正确的是？：

正确答案：B ; C

A $.extend(color:function(){});

B $.({demo:function(){}});

C $.extend({color:function(){}});

D $.(demo:function(){});

填空36

1.在jquery中，想让一个元素隐藏，用_____hide()___实现，显示隐藏的元素用

____show()_____实现。=

2.在一个表单中，用600毫秒缓慢的将段落滑上，用______$(“p”).slideUp(600)______来实

现。

3.在jquery中，如果想要自定义一个动画，用_________ animate(params, options)______函数

来实现。

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

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

value="查看"/>，

设置按钮不可见：$("#query").hide(); 或者$("#query").css("display","none");

设置按钮可见：$("#query").show();或者$("#query").css("display","block");

判断35

1、send()的参数只能是null：：

正确答案：错

√

×

2、老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：xmlhttp=new

ActiveXObject("P");：：

正确答案：对

√

×

3、XMLHttpRequest对象 用于在后台与服务器交换数据：：

正确答案：对

√

×

4、 readyState 等于 3 且状态为 200 时，表示响应已就绪：：

正确答案：错

√

×

5、所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest

对象：：

正确答案：对

√

×

6、将会返回一个CSSStyleDeclaration对象。：：

正确答案：对

√

×

7、IE8及其以前版本没有getComputedStyle()方法：：

正确答案：对

√

×

8、classList有一个length的属性用于获取当前classList的长度：：

正确答案：对

√

×

9、classList的item()方法返回相应的索引：：

正确答案：错

√

×

10、获取的是行内样式：：

正确答案：对

√

×

11、$("#test").innerHTML可以获取到#test元素的html内

容：：

正确答案：错

√

×

12、jquery中的$(document).ready(function(){})与传统JavaScript中的

方法作用完全一样。：：

正确答案：错

√

×

13、jquery是一个基于javascript开发的轻量级函数库：：

正确答案：对

√

×

14、jquery强调的理念是写得少，做得多。：：

正确答案：对

√

×

15、insertBefore（）和before（）的区别在于，主体不同。：：

正确答案：对

√

×

16、html()不可以往页面中写入元素 ：：

正确答案：错

√

×

17、$(document).ready()这个文档就绪函数等价于：：

正确答案：对

√

×

18、:eq是方法，eq()是选择器：：

正确答案：错

√

×

19、:hidden这个选择器用于匹配页面中所有隐藏了的元素：：

正确答案：对

√

×

20、offset()返回的对象包含offsetLeft和offsetTop两个属性：：

正确答案：错

√

×

21、$("body").scrollTop(200)的作用是设置body当前滚动

条向下偏移200.：：

正确答案：对

√

×

22、offset()返回值是一个带有坐标属性的对象：：

正确答案：对

√

×

23、$("span").attr("name","span1")

的作用是，给span元素的name属性赋值：：

正确答案：对

√

×

24、$("<p></p>").appendTo("body")

与

jQuery("<p></p>").appendTo("body")

的功能是等价的。：：

正确答案：对

√

×

25、position()获取匹配元素相对父元素的偏移：：

正确答案：对

√

×

26、filter()与find()的过滤没有任何区别：：

正确答案：错

√

×

27、scrollTop()获取匹配元素相对滚动条左侧的偏移：：

正确答案：错

√

×

28、jQuery中隐藏一个盒子可以使用.show()：：

正确答案：错

√

×

29、利用.width()可以获取到一个盒子的宽度：：

正确答案：对

√

×

30、(object)可用来扩展jQuery对象本身。：：

正确答案：对

√

×

31、可以通过lict()将变量的$的控制权过度给其他库：：

正确答案：对

√

×

32、animate()不能用于实现透明度的动画，实现淡入淡出效果只能使用fadeIn()、fadeOut()

方法：：

正确答案：错

√

×

33、$.each()只能用于遍历JS原生的对象和数组。：：

正确答案：错

√

×

34、filter()和find()的区别是filter()用于向下查找，find()用于同级查找。：：

正确答案：对

√

×

35、$().each既可以遍历JS原生的对象和数组，又能遍历DOM对象。：：

正确答案：错

√

×

简答题65

，

1