響應(yīng)式Web應(yīng)用前端開發(fā)教程模擬試卷考試題及答案_第1頁
響應(yīng)式Web應(yīng)用前端開發(fā)教程模擬試卷考試題及答案_第2頁
響應(yīng)式Web應(yīng)用前端開發(fā)教程模擬試卷考試題及答案_第3頁
響應(yīng)式Web應(yīng)用前端開發(fā)教程模擬試卷考試題及答案_第4頁
響應(yīng)式Web應(yīng)用前端開發(fā)教程模擬試卷考試題及答案_第5頁
已閱讀5頁，還剩24頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

目科試考目科試考名姓號學(xué)級班模擬試卷考試題及答案(2021-2022學(xué)年第一學(xué)期期末考試)-考試科目裝 裝4、jQuery的每個事件處理函數(shù)都包含一個對象作為參數(shù)。5、在<script>元素中，可以使用屬性指定引用jQuery腳本的路徑。)1、Bootstrap4清除浮動的類是()2、Bootstrap4設(shè)置表格中的行鼠標(biāo)高亮的類是()AtablestripedB．.table-hoverCtabledarkD．.table-lightdBimgchange4、Bootstrap顯示右側(cè)邊框的類是()。AborderbottomB．.border-leftCborderrightD.border-top5、為導(dǎo)航欄設(shè)置淺色系配色的類是()。6、Bootstrap可以增大字體的類是？()7、設(shè)置Bootstrap輪播器活躍狀態(tài)應(yīng)使用()類AactiveB．.showeAmouseupB．keyup()ChoverD．contextmenu()9、卡片組件包裹元素的類是？()AcardbodyB．.card-containerCcardwrapperD．.card10、使用()函數(shù)可以切換HTML元素的顯示和隱藏狀態(tài)AhideB．show()CtoggleD．change()1、下列哪些BootStrap邊距相關(guān)的類是正確的()。A..my-2B..mz-3C..pb-7D..pt-02、下列設(shè)置相對寬度的BootStrap類是正確的()。A..w-autoB..w-25C..w-30D..w-503、下列能夠正確設(shè)置Bootstrapdisplay屬性的是()。A..d-noneB..d-md-flexC..d-lg-blockD..d-sm-show4、下列哪些是Bootstrap折疊面板事件()。A..show.bs.collapseB..shown.bs.collapseC..hide.bs.collapseD..hidden.bs.collapse5、下列哪些jQuery方法可以刪除元素()。Aremove()BremoveAll()CdetachAll()Ddetach()1、()blur事件在元素獲得焦點(diǎn)時發(fā)生。2、()Bootstrap柵格系統(tǒng)一行有12列。4、()語法中的“jQuery”是大小寫敏感的。5、():checked只能選取指定集合中所有被選中的復(fù)選框。6、()jQuery庫必須先于BootstrapJS庫引用。7、()相鄰選擇器的符號是“+”。8、()Bootstrap文件名中含有“bundle”的js文件沒有集成popper。9、()事件由目標(biāo)元素向后代元素逐級傳遞的機(jī)制稱為事件冒泡。五、簡答題(25分)1、什么是響應(yīng)式布局(5分)。3、jQuery對象與DOM對象之間如何相互轉(zhuǎn)換(5分)。4、列出至少5種jQuery動畫函數(shù)并簡述其功能及參數(shù)含義(5分)。六、編程題(10分)1、補(bǔ)足空白處，實(shí)現(xiàn)折疊面板，內(nèi)容部分默認(rèn)展開。(5分，每空1分)<!--折疊觸發(fā)元素-->div線路管理"data-target="<!--折疊展開內(nèi)容--><divid<divid="collapseRoutes"class="<div><ahref="#">線路維護(hù)</a></div><div><ahref="#">定制線路</a></div>div2、將代碼空白的部分補(bǔ)充完整，完成如下要求的功能：(5分)1)表格首行和尾行的顏色為綠色(green)，數(shù)據(jù)行做斑馬紋效果底色為淺綠色(lightgreen)2)表格最后一個單元格中顯示所有“食品類”商品的價格總和。如下圖所示<!<!doctypehtml><html><head><metacharset="UTF8"><style>#bills{width:400px}th,td{border:solid1px}</style><scripttype="text/javascript"src="jquery<scripttype="text/javascript">t$(function(){</script></head><body><tableid="bills"><<tr><th>編號</th><th>分類</th><th>名稱</th><th>價格(元)</th></tr><tr><td>01</td><td>食品</td><td>農(nóng)夫山泉礦泉水</td><td>2.00</td></tr><tr><td>02</td><td>日用品</td><td>洗發(fā)水</td><td>25.00</td></tr><tr><td>03</td><td>娛樂休閑</td><td>暑假旅游</td><td>5000.00</td></tr><tr><td>04</td><td>食品</td><td>面包</td><td>20.00</td></tr><tr><tdcolspan="3">總額</td><td>20.00</td></tr></tbody></table><divclass="emptyDiv"></div></body></html>草稿紙頁(此頁與試卷一起裝訂，作為試卷第9頁)目科試考目科試考名姓號學(xué)級班考試科目適用專業(yè)班級(年級)得分)6、B4、C三、多選題(10分，每題2分)五、簡答題(25分)1、什么是響應(yīng)式布局(5分)。一個網(wǎng)站能夠兼容多種視口寬度終端——而不是為每種終端開發(fā)一個特定的版本。2、列舉至少5種具有JS行為的Bootstrap組件(5分)。答：選項(xiàng)卡導(dǎo)航、模態(tài)框、輪播器、折疊面板、下拉菜3、jQuery對象與DOM對象之間如何相互轉(zhuǎn)換(5分)。通過將DOM對象包括在$()中來獲得相應(yīng)的jQuery對象4.列出5種jQuery動畫函數(shù)并簡述其功能及參數(shù)含義(5分)單顯示或者隱藏指定元素集合中每一個元素沒有參數(shù)時，元素在隱藏和顯示之間切換淡出果t、試述“互聯(lián)網(wǎng)+”創(chuàng)業(yè)、創(chuàng)新的理解，以及相關(guān)的創(chuàng)業(yè)、創(chuàng)新思路。(5分)開放性答案，要點(diǎn)：互聯(lián)網(wǎng)+六、編程題(10分)1、補(bǔ)足空白處，實(shí)現(xiàn)折疊面板，內(nèi)容部分默認(rèn)展開。(5分，每空1分)<!--折疊觸發(fā)元素--><divdata-toggle="collapse"data-target="#collapseRoutes">線路管理div<!--折疊展開內(nèi)容--><divid="collapseRoutes"class="collapseshow"><div><ahref="#">線路維護(hù)</a></div><div><ahref="#">定制線路</a></div>評分標(biāo)準(zhǔn)評分標(biāo)準(zhǔn)div2、將代碼空白的部分補(bǔ)充完整，完成如下要求的功能：(5分)1、表格首行和尾行的顏色為綠色(green)，數(shù)據(jù)行做斑馬紋效果底色為淺綠色(lightgreen)顯示所有“食品類”商品的價格總和。如下圖所示jQuery選擇器使用jQuery設(shè)置樣式j(luò)Query循環(huán)流程控制jQuery獲取文本并計算<!<!doctypehtml><html><head><metacharset="UTF8"><style>#bills{width:400px}th,td{border:solid1px}</style><scripttype="text/javascript"src="jquery<scripttype="text/javascript">t$(function(){$$('tr:even').css('backgroundcolor','lightgreen')$('tr:first,tr:last').css({'backgroundcolor':'green',color:'white'$foods=$('tr:contains(食品)')sum=0$foods.each(function(){$this=$(this)sum+=parseFloat($this.find('td:last').text())$('td:last').text(sum.toFixed(2))</script></head><body><tableid="bills"><tr><th>編號</th><th>分類</th><th>名稱</th><th>價格(元)</th></tr><tr><td>01</td><td>食品</td><td>農(nóng)夫山泉礦泉水</td><td>2.00</td></tr><tr><td>02</td><td>日用品</td><td>洗發(fā)

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論