中国大学MOOC_Web前端技术（第7期）作业答案

中国大学MOOC_Web前端技术（第7期）作业答案

中国大学MOOC_Web前端技术（第7期）作业答案

搜索答案，请关注微信公众号！发送题目查询！

Web前端技术（第7期）

学校: 无

问题 1: 1. 在JavaScript代码“var a=8%3;”，变量a的值是（）

选项:

A. 2

B. 3

C. 66

D. 67

答案: 2

问题 2: 2. 以下JavaScript代码输出的结果是（）var num1='4';var num2='5';var opt='+';console.log(eval(num1+num2));

选项:

A. 45

B. 4+5

C. 9

D. 什么都没有输出

答案: 9

问题 3: 3. 以下代码输出的结果是( )var a=3;console.log(a*=2);

选项:

A. 3

B. 2

C. 5

D. 6

答案: 6

问题 4: 4. 以下代码输出的结果是( )var a=3,b=10;console.log(a>=3 && 5>b);

选项:

A. true

B. false

C. 0

D. 1

答案: false

问题 5: 5. 以下四个选项中，输出结果是true的是（ ）

选项:

A. console.log(a>0);

B. console.log(5>6);

C. var a=false;console.log(!a);

D. var b=true;console.log(!b);

答案: var a=false;console.log(!a);

问题 6: 1. 运行以下代码输出的结果是（ ）。var a=5;if(a){ console.log('hi');}

选项:

A. hi

B. 0

C. 1

D. 5

答案: hi

问题 7: 2. 运行以下代码的输出结果是（）var a="";if(a==0){ console.log("yes");}else{ console.log("no");}

选项:

A. no

B. yes

C. 什么都不输出

D. 直接报错

答案: 请关注公众号【贰壹壹题库】查看答案

问题 8: 3. 四个选项中，哪项与下述代码等价？( )if(a>10){ rate=1.5;}else{ rate=1.2;}

选项:

A. var rate=1.5?1.2;

B. var rate=a>10?1.2:1.5;

C. var rate=a>10?1.5:1.2;

D. var rate=1.5?a>10:1.2

答案: 请关注公众号【贰壹壹题库】查看答案

问题 9: 4. 以下代码输出的结果是( )var a=45;switch(Math.floor(a/10)){ case 9: case 8:console.log("A");break; case 7:console.log("B");break; case 6:console.log("C");break; default:console.log("D");}

选项:

A. C

B. D

C. A

D. B

答案: 请关注公众号【贰壹壹题库】查看答案

问题 10: 5. 关于多路分支语句switch，下面说法正确的是（）

选项:

A. 凡是能用switch语句实现的分支控制都可以用if语句实现

B. switch语句中不允许再使用switch语句

C. 对于任何case子句，要执行它所属的语句，必须先进行条件判断

D. continue和break都能用于switch语句中

答案: 请关注公众号【贰壹壹题库】查看答案

问题 11: 1. 下列关于JavaScript对象说法错误的是（ ）

选项:

A. JavaScript只能通过字面量“{}”来创建对象

B. JavaScript对象是基于键值对的，键值对通常写法为 name : value

C. 在JavaScript中，几乎所有的事物都是对象

D. JavaScript对象是拥有属性和方法的集合

答案: 请关注公众号【贰壹壹题库】查看答案

问题 12: 2. 能够正确访问stu对象的name属性的是（）

选项:

A. stu(‘name’)

B. stu[name]

C. stu.name

D. 都访问不了

答案: 请关注公众号【贰壹壹题库】查看答案

问题 13: 3. 能够正确调用stu对象的test方法的是（ ）

选项:

A. stu.test

B. stu[“test”]

C. stu.test()

D. stu[test()]

答案: 请关注公众号【贰壹壹题库】查看答案

问题 14: 4. 以下四个选项中，可用于遍历对象的是（ ）

选项:

A. for…in语句

B. if语句

C. while语句

D. prompt()语句

答案: 请关注公众号【贰壹壹题库】查看答案

问题 15: 5. 以下四个选项中，不能用于创建对象的是（ ）

选项:

A. 利用字面量

B. 利用new Object

C. 利用构造函数

D. 利用循环语句

答案: 请关注公众号【贰壹壹题库】查看答案

问题 16: 1. 关于JavaScript节点的说法不正确的是（）

选项:

A. JavaScript节点指页面中所有的内容，包括标签、属性、文本、注释等

B. 节点拥有节点类型、节点名称、节点值这3个基本属性

C. 一个节点可拥有任意数量的子节点

D. 每个节点都有父节点

答案: 请关注公众号【贰壹壹题库】查看答案

问题 17: 2. 元素节点的nodeType值是（）

选项:

A. 3

B. 2

C. 1

D. 4

答案: 请关注公众号【贰壹壹题库】查看答案

问题 18: 3. 在JavaScript中，可以用来获取元素p的父级节点的是（）

选项:

A. p.parent

B. p.parentElement

C. p.parents

D. p.parentNode

答案: 请关注公众号【贰壹壹题库】查看答案

问题 19: 4. 在JavaScript中，关于childNodes属性的描述正确的是（）

选项:

A. childNodes属性只返回元素节点

B. childNodes属性只返回文本节点

C. childNodes属性返回当前元素的所有子节点的集合

D. childNodes属性只返回属性节点

答案: 请关注公众号【贰壹壹题库】查看答案

问题 20: 5. 在JavaScript中，关于children属性说法正确的是（）

选项:

A. children属性返回所有子级元素节点集合

B. children属性返回所有子级文本节点集合

C. children属性返回所有子级属性节点集合

D. children属性返回所有子节点集合

答案: 请关注公众号【贰壹壹题库】查看答案

问题 21: 6. 在以下的4个选项中，能够创建节点p的方法是（）

选项:

A. createNode()

B. createElement()

C. createNodes()

D. createElements

答案: 请关注公众号【贰壹壹题库】查看答案

问题 22: 7. 在JavaScript中，appendChild()方法的作用是（）

选项:

A. 删除指定的子节点

B. 在指定的节点前面添加节点

C. 在指定的节点后面添加节点

D. 将一个节点添加到父节点的子节点列表末尾

答案: 请关注公众号【贰壹壹题库】查看答案

问题 23: 8. 在JavaScript中，能够将节点添加到父节点的子节点列表开头的方法是（）

选项:

A. appendChile()

B. firstChild()

C. insertBefore

D. firstNode()

答案: 请关注公众号【贰壹壹题库】查看答案

问题 24: 1. JavaScript事件的三要素是（）

选项:

A. 事件源、事件触发时间、事件类型

B. 事件源、事件触发时间、事件处理程序

C. 事件触发时间、事件类型、事件处理程序

D. 事件源、事件类型、事件处理程序

答案: 请关注公众号【贰壹壹题库】查看答案

问题 25: 2. 关于JavaScript事件处理程序说法正确的是（）

选项:

A. 事件处理程序不能使用函数形式

B. 事件处理程序不能传递参数

C. 事件处理程序通常是函数形式

D. 以上说法均正确

答案: 请关注公众号【贰壹壹题库】查看答案

问题 26: 3. 注册事件通常称为绑定事件，可以使用传统方式注册事件，也可以使用监听方式注册事件，以上说法（）

选项:

A. 正确

B. 错误

答案: 请关注公众号【贰壹壹题库】查看答案

问题 27: 4. 关于使用监听方式注册事件的说法正确的是（）

选项:

A. 该种方式是通过addeventlistener()方法实现的

B. 该种方式注册的事件只能在冒泡阶段执行

C. 该种方式注册的事件只能在捕获阶段执行

D. 该种方式注册的事件默认是在冒泡阶段执行

答案: 请关注公众号【贰壹壹题库】查看答案

问题 28: 5. 关于事件对象描述错误的是( )

选项:

A. 事件对象的属性中保存了与事件相关的一系列信息

B. 事件触发时就会产生事件对象

C. 事件对象的获取有兼容性问题

D. 通过事件对象不可以阻止事件冒泡和默认行为

答案: 请关注公众号【贰壹壹题库】查看答案

问题 29: 6. 在事件对象中，stopPropagation()方法可用于（ ）

选项:

A. 阻止事件冒泡

B. 阻止事件默认行为

C. 返回事件类型

D. 返回事件对象

答案: 请关注公众号【贰壹壹题库】查看答案

问题 30: 1. 以下代码的输出结果是（ ）HTML代码：jQuery代码：console.log($("p").css("border"))

选项:

A. 1px

B. 1px solid rgb(255, 0, 0)

C. 1px solid

D. solid

答案: 请关注公众号【贰壹壹题库】查看答案

问题 31: 2. 关于以下jQuery代码，说法正确的是 ( )$("p").css("color","red").css("font-size","50px");

选项:

A. 段落字体为红色，字体大小为默认大小

B. 段落字体为默认颜色，字体大小为50px

C. 段落字体为红色，字体大小为50px

D. 段落字体为默认颜色，字体大小为默认大小

答案: 请关注公众号【贰壹壹题库】查看答案

问题 32: 3. 以下四个选项中，能够实现从被选元素移除一个或多个类的是（ ）

选项:

A. toggleClass()

B. removeClass()

C. deleteClass()

D. addClass()

答案: 请关注公众号【贰壹壹题库】查看答案

问题 33: 4. 关于toggleClass()方法说法错误的是（ ）

选项:

A. toggleClass()方法可以向被选中的元素添加类名

B. toggleClass()方法可以向被选中的元素移除类名

C. toggleClass()方法能够向被中的元素添加或移除类名

D. toggleClass()方法只能向被中的元素添加或移除一个类名

答案: 请关注公众号【贰壹壹题库】查看答案

问题 34: 1. 在jQuery中，关于hide()方法的描述错误的是（）

选项:

A. 用于隐藏匹配的元素

B. 用于显示匹配的元素

C. 能够设置动画的时间

D. 能够定义动画完成时执行的函数

答案: 请关注公众号【贰壹壹题库】查看答案

问题 35: 2. 在jQuery中，可实现淡入动画效果的方法是（ ）

选项:

A. show()

B. hide()

C. fadeOut

D. fadeIn

答案: 请关注公众号【贰壹壹题库】查看答案

问题 36: 3. 在jQuery()中，fadeTo()方法描述正确的是（）

选项:

A. 该方法只能用于淡入显示匹配的元素

B. 该方法只能用于淡出显示匹配的元素

C. 该方法可用于匹配元素在淡入与淡出两种效果间切换

D. 该方法以淡入/淡出方式将匹配元素调整到指定的透明度

答案: 请关注公众号【贰壹壹题库】查看答案

问题 37: 4. 以下四个选项中，能够实现匹配下滑动画效果的是（）

选项:

A. FadeIn

B. FadeOut

C. show()

D. slideDown()

答案: 请关注公众号【贰壹壹题库】查看答案

问题 38: 5. jQuery提供的用于停止动画效果的方法是（）

选项:

A. stop()

B. off()

C. animate()

D. stopAnimate()

答案: 请关注公众号【贰壹壹题库】查看答案

问题 39: 1. 在jQuery中，用于自定义动画的方法是（）

选项:

A. show()

B. slideUp()

C. animate()

D. animation()

答案: 请关注公众号【贰壹壹题库】查看答案

问题 40: 2. 以下四个选项中，可用来判断元素是否处于动画状态的是（）

选项:

A. $(selecoter).isanimate()

B. $(selecoter).isanimation()

C. $(selecoter).is("animate")

D. $(selecoter).is(":animated")

答案: 请关注公众号【贰壹壹题库】查看答案

问题 41: 3. 在jQuery()的动画中，delay()方法的作用是（）

选项:

A. 对动画进行延迟操作

B. 停止动画

C. 添加动画效果

D. 清除所有动画

答案: 请关注公众号【贰壹壹题库】查看答案

问题 42: 4. 以下动画的执行顺序是（）$("div").animate({width: '200px',height: '300px'},2000)

选项:

A. div的宽度先变为200px，2000ms后高度变为300px

B. div的高度先变为300px，2000ms后宽度变为200px

C. 宽度和高度在2000ms内同时变化

D. 2000ms后，宽度和高度同时变化

答案: 请关注公众号【贰壹壹题库】查看答案

问题 43: 5. 以下动画的执行顺序是（）$(".box").animate({left: '200px'},2000).animate({top:'300px'},3000)

选项:

A. 先向右移200px，然后向下移300px

B. 先向左移200px，然后向上移300px

C. 先向右移200px，然后向上移300px

D. 先向左移200px，然后向下移300px

答案: 请关注公众号【贰壹壹题库】查看答案

问题 44: 6. 关于box2、box3动画的描述不正确的是（）$(".box2").animate({left: '200px'},2000)$(".box3").delay(1000).animate({left:'300px'},1000)

选项:

A. box2、box3动画同时执行

B. box2向右移动100px后box3才开始移动

C. box2、box3动画同时停止

D. box3的移动速度比box2的移动速度快

答案: 请关注公众号【贰壹壹题库】查看答案

问题 45: 1. 在jQuery中，不能够获取元素属性的方法是（）

选项:

A. html()

B. prop()

C. attr()

D. data()

答案: 请关注公众号【贰壹壹题库】查看答案

问题 46: 2. 关于jQuery的attr()方法描述正确的是（）

选项:

A. 可用来获取元素固有属性的值

B. 可用来获取元素自定义属性的值

C. 可用来获取元素的内容

D. 可用来获取元素的样式

答案: 请关注公众号【贰壹壹题库】查看答案

问题 47: 3. jQuery中关于prop()方法，下列描述正确的是（）

选项:

A. 可以用来获取元素宽度

B. 可以用来获取元素的高度

C. 可以用来获取元素固有属性的属性值

D. 可以用来向元素上插入内容

答案: 请关注公众号【贰壹壹题库】查看答案

问题 48: 4. 下列关于jQuery中方法的说法错误的是（）

选项:

A. text()方法可用于获取元素的文本内容

B. html()方法可用于获取元素的HTML内容

C. val()方法可用于获取表单元素的值

D. on()方法用于删除已绑定的事件

答案: 请关注公众号【贰壹壹题库】查看答案

问题 49: 5. 以下四个选项中，可用于遍历数组和对象的方法（）

选项:

A. $.each()

B. show()

C. off()

D. on()

答案: 请关注公众号【贰壹壹题库】查看答案

问题 50: 6. 以下代码的输出结果是（）123$("li").each(()=>{ document.write($(this).text()+" ");})

选项:

A. 1 2

B. 12

C. 123

D. 1 2 3

答案: 请关注公众号【贰壹壹题库】查看答案

问题 51: 7. 关于jQuery的empty()方法和remove()方法，说法正确的是（）

选项:

A. empty()方法用于清空元素的内容，并删除元素本身

B. remove()方法用于清空元素的内容，但不删除元素本身

C. remove()方法用于删除匹配的元素本身，empty()方法用于删除匹配的元素里面的子节点

D. 以上均不对

答案: 请关注公众号【贰壹壹题库】查看答案

问题 52: 1. 关于jQueryUI描述正确的是（）

选项:

A. jQuery UI是以jQuery 为基础的开源 JavaScript 网页用户界面代码库

B. 在使用jQuery UI时不需要引入jQuery文件

C. jQuery UI不能自定义主题

D. jQuery UI由小部件和特效两部分组成

答案: 请关注公众号【贰壹壹题库】查看答案

问题 53: 2. 在jQuery UI中，创建一个折叠面板小部件的方法是（）

选项:

A. tabs()

B. accordion()

C. slider()

D. tooltip()

答案: 请关注公众号【贰壹壹题库】查看答案

问题 54: 3. 在jQueryUI中，dialog()方法的作用是（）

选项:

A. 创建进度条

B. 创建工具提示框

C. 创建对话框

D. 创建菜单

答案: 请关注公众号【贰壹壹题库】查看答案

问题 55: 4. 在jQuery UI中，sortable()方法的作用是（）

选项:

A. 可用于实现排序的交互效果

B. 可用于实现选择的交互效果

C. 可用于实现缩放的交互效果

D. 可用于实现拖动的交互效果

答案: 请关注公众号【贰壹壹题库】查看答案