响应式Web应用前端开发教程 试卷及答案 B

1、命题人：申阅人：nip料弑卷（B卷）（2021-2022学年第一学期期末考试）考试科目适用专业 班级（年级）得分一、填空（5分，每空1分）1、Mock随机中文城市的占位符是 o2、获取id为score的文本类型控件的值，jQuery实现代码为3、使用 过滤器可以匹配所有索引值为奇数的元素。公 4. jQuery的每个事件处理函数都包含一个 对象作为参数。!5、在script,元素中，可以使用 属性指定引用jQuery脚本的路径。： 二、单项选择题（30分，每题3分）1 Bootstrap4清除浮动的类是（）A. .clearC. .clearfixB. .clear-floatD. .clea

2、rfixed2、Bootstrap4设置表格中的行鼠标高亮的类是（）A. .table-stripedB. .table-hoverC. .table-darkD. .table-light3、Bootstrap4设置图片保持比例缩放的类是（）A. .img-fluidB. .img-changeC. .img-responsiveD. .img-flex4、Bootstrap显示右侧边框的类是（）。A. .border-bottomB. .border-leftC. .border-rightD. .border-top5、为导航栏设置浅色系配色的类是（）。A. .navbar-lightC

3、. .nav-darkB - nav-lightD. .navbar-dark2、列举至少5种具有JS行为的Bootstrap组件（5分）。答：选项卡导航、模态框、轮播器、折叠面板、下拉菜3、jQue”对象与DOM对象之间如何相互转换（5分）。答：jQueryindex或者 jQuery.get（index）获取相应的 DOM 对象通过将DOM对象包括在$（）中来获得相应的jQuery对象4.列出5种jQuery动画函数并简述其功能及参数含义（5分）单函数功能show()显示指定元素集合中每一个元素。hide()隐藏指定元素集合中的每一个元素toggle(显示或者隐藏指定元素集合中每一个元素

4、没有参数时，元素 在隐藏和显示之间切换fadeln()通过将元素变为不透明来显示指定元素集合中的每一个元素， 称为淡入效果fadeOut()通过将元素变为透明来隐藏元素集合中每一个元素，称为淡出 效果fadeTo()调节指定元素集合中每一个元素透明度opacity:0-1之间的数， 指明透明度fadeToggle()指定元素集合中每一个元素切换淡入、淡出效果slideUpO以滑动效果隐藏兀素集合中每一个元素slideDown()以滑动效果显不指定兀素集合中的每一个元素slideToggle()以滑动效果隐藏或者显不指定兀素集合中每一个元素5、试述“互联网+”创业、创新的理解，以及相关的创业、创

5、新思路。（5分）开放性答案，要点：互联网+六、编程题（10分）1、补足空白处，实现折叠面板，内容局部默认展开。（5分，每空1分）!一折叠触发元素一 线路管理!一折叠展开内容一 线路维护 /aX/div 定制线路2、将代码空白的局部补充完整，完成如下要求的功能：（5分）1、表格首行和尾行的颜色为绿色（green）,数据行做斑马纹效果底色为浅绿色（lightgreen）2、表格最后一个单元格中显示所有“食品类”商品的价格总和。如以下图所示编号分类名称价格（元）I01良口口农夫山泉矿泉水2.0002日用品洗发水25.0003娱乐休闲暑颜游5000.0004合口 良口口面包20.00总额22.00评分

6、标准 TOC o 1-5 h z jQuery选择器使用1分jQuery设置样式1分jQuery循环流程控制1分jQuery获取文本并计算1分jQuery输出1分#bills width: 400px;border-collapse: collapse;)th, td border: solid Ipx;)$(function() $(*tr:even,).css(,background-color,/lightgreen,);$(ti:行 rst,tr:last).css(background-color:green,color:* white,)；$foods = $(tr:contain

7、s(食品)；sum = 0;$foods.each(function() $this = $(this);sum += parseFloat($this.find(*td:Iasf).text();)；$(td:last).text(sum.toFixed(2);)；vth 编号 vth 分类 名称 vth 价格(元)v/th01vtd 食品 v/tdvtd农夫山泉矿泉水2.0002日用品v/tdtd洗发水25.0003娱乐休闲v/td暑假旅游v/td5000.0004 食品 vtd 面包 v/td20.00总额/td20.00 TOC o 1-5 h z 6、Bootstrap可以增大字体的

8、类是？（）A.largeB.leadC.biggerD.plus7、设置Bootstrap轮播器活跃状态应使用()类A.activeB.showC.fadeD.toggle8、下面那个函数不是jQuery鼠标事件处理函数？（）B . keyup()B . keyup()A. mouseup()C. hover()9、卡片组件包裹元素的类是？(A. .card-bodyC. .card-wrapperC. hover()9、卡片组件包裹元素的类是？(A. .card-bodyC. .card-wrapperD. contextmenu() )B .card-containerD. .card10

9、、使用（）函数可以切换HTML元素的显示和隐藏状态10、使用（）函数可以切换HTML元素的显示和隐藏状态A. hide()C. toggleQB. show()D. change()三、多项选择题（10分，每题2分）1、以下哪些BootStr叩边距相关的类是正确的（A. .my-2B. .mz-3C. .pb-7D. .pt-02、以下设置相对宽度的Bootstrap类是正确的（A. .w-autoB . .w-25C. .w-30D. .w-503、以下能够正确设置Bootstrap display属性的是A. .d-noneB .d-md-flexC. .d-lg-blockD. .d-s

10、m-show4、以下哪些是Bootstrap折叠面板事件（)OB removeAll()D detach()5、以下哪些jQuery方法可以删除元素(A remove()C detachAll()四、判断题(20分，每题2分)1、() blur事件在元素获得焦点时发生。2、() Bootstrap栅格系统一行有12列。3、()在button标签上可以不设置Bootstrap按钮的基础类就可以显示Bootstrap按钮 外观。4、()语法中的“jQuery”是大小写敏感的。5、() :checked只能选取指定集合中所有被选中的复选框。6、() jQuery库必须先于Bootstrap JS库引

11、用。7、()相邻选择器的符号是“+工8、() Bootstrap文件名中含有“bundle”的js文件没有集成poppero9、()事件由目标元素向后代元素逐级传递的机制称为事件冒泡。10、() jQuery的$名2方法可以以get和post两种方法发送异步HTTP请求。五、简答题(25分)1、什么是响应式布局(5分)。2、列举至少5种具有JS行为的Bootstrap组件(5分)。3、jQuery对象与DOM对象之间如何相互转换（5分）。4、列出至少5种jQuery动画函数并简述其功能及参数含义（5分）。5、试述“互联网+”创业、创新的理解，以及相关的创业、创新思路。（5分）六、编程题（10分

12、）1、补足空白处，实现折叠面板，内容局部默认展开。（5分，每空1分）。一折叠触发元素一 线路管理! -折叠展开内容- 线路维护 定制线路/aX/div2、将代码空白的局部补充完整，完成如下要求的功能：（5分）1）表格首行和尾行的颜色为绿色（green）,数据行做斑马纹效果底色为浅绿色（lightgreen）2）表格最后一个单元格中显示所有“食品类”商品的价格总和。如以下图所示编号分类名称价格（元）I01良口口农夫山泉矿泉水2.0002日用品发水25.0003娱乐休闲暑颜游5000.0004合口 良口口面包20.00总额22.00#bills width: 400px;border-collap

13、se: collapse;)th, td border: solid Ipx;)$(function() ）;vth 编号 v/th 分类 vth 名称 vth 价格（元）01vtd 食品 vtd农夫山泉矿泉水 2.0002日用品 vtd洗发水v/td 25.0003vtd娱乐休闲 vtd暑假旅游v/td 5000.0004 食品 面包 20.0020.00命题人：中阅人：草稿纸页然卷答拿（B卷）（2021-2022学年第一 学期期末考试）考试科目适用专业 班级（年级）得分（此页与试卷一起装订，作为试卷第9页）一、填空（5分，每空1分）1、city2、$(#score).val()3、:odd4、 event5、src第二、单项选择题（30