响应式Web应用前端开发教程 试卷A

1、命题人：申阅人：试卷（A卷）（2021-2022学年第一学期期末考试）考试科目适用专业 班级（年级）得分一、填空（5分，每空1分）1、jQuery默认的缩写符号是。2、Bootstrap设置右侧外边距为1倍$spacer。皿葩耳r3、B ootstrap信息提示框基础类是。版本中推荐使用 为元素绑定事件和处理函数，使用函数解除绑定。二、单项选择题（30分，每题3分）1、设置Bootstrap卡片体中副标题的类是（）中thA.titleB.C.card-subtitleD.2.、jQuery设置元素样式的方法是()A.first()B.C.css()D.3、Bootstrap4通过为卡片组的外包

2、裹元素设置类A. .accordion.subtitle.card-titleeq() style()()实现手风琴效果C .card-group4、Bootstrap4设置文本居右的类是(A. text-rightC - right-text5、Bootstrap巨幕基础类是()。A. .jumpC、.jumb6、Bootstrap圆圈形加载动画的基础类是A. .spinnerB .cardD. .streched-card)B - align-rightD. right-alignB、.jumbotronD、.jumbotron-fluidB. .spinner-circleC. .spi

3、nner-growD. .spinner-borderB ccentenceD. ctext7、Mock.js中中文字的占位符是（）A. cwordC cletter8、可以使图片呈现缩略图效果的类是（）A. .imgC. .img-fluidB. .img-shrinkD. .img-thumbnail9、使用以下哪个方法可以以滑动效果显示HTML元素（）。A. slideToggle（）B. slideDown（）C. slideUp（）D. slie（）10. Bootstrap提供了一系列的对齐样式，表示超出屏幕局部不换行的样式是（）A. text-centerC . text-aut

4、o三、多项选择题(10分，每题2分)B. text-justifyD. text-nowrap1、以下哪些是正确的Bootstrap文本类(A. .text-primaryC. text-danger2、以下那些是Bootstrap定义的主题颜色(A. .blueC. .warning3、以下正确的定位相关的Bootstrap类是(A. .position-staticC. .position-absolute)oB. . text-infoD. . text-red)oB .orangeD. muted)oB .position-relativeD. .position-sticky4、以下

5、Bootstrap断点设置与像素对应正确的选项是（A. sm (540px)C. md (720px)B .xl (1200px)D. 1g (992px)5、.卜列哪些jQuery方法可以向指定兀素中添加兀素（）。A append()B prepend()C after()D before()四、判断题（20分，每题2分）1、() Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，最多24歹(J2、() Ajax请求成功时触发局部事件success。3、()语法中的“jQuery”是大小写敏感的。4、()可以在导航链接标签配置disable类禁用Bootstrap选项卡。5、(

6、)文件名中含有“min”的Bootstrap库文件经过“压缩”减小了文件大小。6、().one()为指定元素绑定事件和处理函数。每个元素可屡次运行事件处理器函数。7、() Bootstrap媒体对象只能实现左图右文的图文单元。8、()事件由目标元素向祖先元素逐级传递，直到DOM根节点的机制称为事件捕获。9、() Bootstrap4.6的组件行为是不依赖jQuery的。10、()媒体对象组件需要设置“.positon-relative”类来支持延展链接。五、问答题(25分)1、试述响应式布局的优缺点(5分)2、列出至少5中jQuery选择器并简述其功能。(5分)3、试列举Bootstrap图标

7、的三种用法。（5分）4、列举5种具有JS行为的Bootstrap组件。（5分）5、试述“互联网+”创业、创新的理解，以及相关的创业、创新思路。（5分）六、程序填空题（10分）1、补足以下空白出，采用Bootstrap4卡片组件实现上图下文的图文单元，设置延展链接，超链效果在整个卡片区域有效。（5分，每空1分）h5 class =婺源/h5P class=婺源县，隶属于江西省上饶市，位于江西省东北 部，总面积2967平方千米。a href=detail. html?id=33/z class二z，X/a2、将代码空白的局部（要求使用jQuei7）补充完整，完成如下要求的功能：（5分）1）表格首行和尾行的颜色为绿色（green）,数据行做斑马纹效果底色为浅绿色（lightgreen）2）表格最后一个单元格中显示所有“食品类”商品的价格总和。如以下图所示编号分类名称价格（元）I01良口口农夫山泉矿泉水2.0002日用品发水25.0003娱乐休闲暑颜游5000.0004合口 良口口面包20.00总额22.00#bills width: 400px;border-collapse: collapse;)th, td border: solid Ipx;)$(function() );vth 编号 v/th