中国大学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. 可用于实现拖动的交互效果

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