響應(yīng)式Web應(yīng)用前端開(kāi)發(fā)教程 試卷A

1、命題人：申閱人：試卷（A卷）（2021-2022學(xué)年第一學(xué)期期末考試）考試科目適用專(zhuān)業(yè) 班級(jí)（年級(jí)）得分一、填空（5分，每空1分）1、jQuery默認(rèn)的縮寫(xiě)符號(hào)是。2、Bootstrap設(shè)置右側(cè)外邊距為1倍$spacer。皿葩耳r3、B ootstrap信息提示框基礎(chǔ)類(lèi)是。版本中推薦使用 為元素綁定事件和處理函數(shù)，使用函數(shù)解除綁定。二、單項(xiàng)選擇題（30分，每題3分）1、設(shè)置Bootstrap卡片體中副標(biāo)題的類(lèi)是（）中thA.titleB.C.card-subtitleD.2.、jQuery設(shè)置元素樣式的方法是()A.first()B.C.css()D.3、Bootstrap4通過(guò)為卡片組的外包

2、裹元素設(shè)置類(lèi)A. .accordion.subtitle.card-titleeq() style()()實(shí)現(xiàn)手風(fēng)琴效果C .card-group4、Bootstrap4設(shè)置文本居右的類(lèi)是(A. text-rightC - right-text5、Bootstrap巨幕基礎(chǔ)類(lèi)是()。A. .jumpC、.jumb6、Bootstrap圓圈形加載動(dòng)畫(huà)的基礎(chǔ)類(lèi)是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、可以使圖片呈現(xiàn)縮略圖效果的類(lèi)是（）A. .imgC. .img-fluidB. .img-shrinkD. .img-thumbnail9、使用以下哪個(gè)方法可以以滑動(dòng)效果顯示HTML元素（）。A. slideToggle（）B. slideDown（）C. slideUp（）D. slie（）10. Bootstrap提供了一系列的對(duì)齊樣式，表示超出屏幕局部不換行的樣式是（）A. text-centerC . text-aut

4、o三、多項(xiàng)選擇題(10分，每題2分)B. text-justifyD. text-nowrap1、以下哪些是正確的Bootstrap文本類(lèi)(A. .text-primaryC. text-danger2、以下那些是Bootstrap定義的主題顏色(A. .blueC. .warning3、以下正確的定位相關(guān)的Bootstrap類(lèi)是(A. .position-staticC. .position-absolute)oB. . text-infoD. . text-red)oB .orangeD. muted)oB .position-relativeD. .position-sticky4、以下

5、Bootstrap斷點(diǎn)設(shè)置與像素對(duì)應(yīng)正確的選項(xiàng)是（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內(nèi)置了一套響應(yīng)式、移動(dòng)設(shè)備優(yōu)先的流式柵格系統(tǒng)，最多24歹(J2、() Ajax請(qǐng)求成功時(shí)觸發(fā)局部事件success。3、()語(yǔ)法中的“jQuery”是大小寫(xiě)敏感的。4、()可以在導(dǎo)航鏈接標(biāo)簽配置disable類(lèi)禁用Bootstrap選項(xiàng)卡。5、(

6、)文件名中含有“min”的Bootstrap庫(kù)文件經(jīng)過(guò)“壓縮”減小了文件大小。6、().one()為指定元素綁定事件和處理函數(shù)。每個(gè)元素可屢次運(yùn)行事件處理器函數(shù)。7、() Bootstrap媒體對(duì)象只能實(shí)現(xiàn)左圖右文的圖文單元。8、()事件由目標(biāo)元素向祖先元素逐級(jí)傳遞，直到DOM根節(jié)點(diǎn)的機(jī)制稱(chēng)為事件捕獲。9、() Bootstrap4.6的組件行為是不依賴jQuery的。10、()媒體對(duì)象組件需要設(shè)置“.positon-relative”類(lèi)來(lái)支持延展鏈接。五、問(wèn)答題(25分)1、試述響應(yīng)式布局的優(yōu)缺點(diǎn)(5分)2、列出至少5中jQuery選擇器并簡(jiǎn)述其功能。(5分)3、試列舉Bootstrap圖標(biāo)

7、的三種用法。（5分）4、列舉5種具有JS行為的Bootstrap組件。（5分）5、試述“互聯(lián)網(wǎng)+”創(chuàng)業(yè)、創(chuàng)新的理解，以及相關(guān)的創(chuàng)業(yè)、創(chuàng)新思路。（5分）六、程序填空題（10分）1、補(bǔ)足以下空白出，采用Bootstrap4卡片組件實(shí)現(xiàn)上圖下文的圖文單元，設(shè)置延展鏈接，超鏈效果在整個(gè)卡片區(qū)域有效。（5分，每空1分）h5 class =婺源/h5P class=婺源縣，隸屬于江西省上饒市，位于江西省東北 部，總面積2967平方千米。a href=detail. html?id=33/z class二z，X/a2、將代碼空白的局部（要求使用jQuei7）補(bǔ)充完整，完成如下要求的功能：（5分）1）表格首行和尾行的顏色為綠色（green）,數(shù)據(jù)行做斑馬紋效果底色為淺綠色（lightgreen）2）表格最后一個(gè)單元格中顯示所有“食品類(lèi)”商品的價(jià)格總和。如以下圖所示編號(hào)分類(lèi)名稱(chēng)價(jià)格（元）I01良口口農(nóng)夫山泉礦泉水2.0002日用品發(fā)水25.0003娛樂(lè)休閑暑顏游5000.0004合口 良口口面包20.00總額22.00#bills width: 400px;border-collapse: collapse;)th, td border: solid Ipx;)$(function() );vth 編號(hào) v/th