2020年jQuery期末考試試題與答案附解析

2020年jQuery期末考試一試題與答案單項選擇題1、關(guān)于jQuery中show方法以下說法正確的選項是（）分?A、show方法若是不傳入?yún)?shù)，則依照400ms的動畫事件讓元素顯示出來?B、show方法可傳入回調(diào)函數(shù)，回調(diào)函數(shù)在動畫執(zhí)行從前執(zhí)行?C、show方法傳入數(shù)值3作為參數(shù)，其默認為在3秒中完成動畫?D、show方法的參數(shù)能夠傳入字符串來指定動畫完成時間參照答案:D答案說明:show方法參數(shù)依照序次，分別為"speed"、"easing"、"fn"，代表動畫速度、切換收效、回調(diào)函數(shù)2、關(guān)于get方法的回調(diào)函數(shù)的執(zhí)行機會，以下方法說法正確的選項是（）分?A、在央求發(fā)出的時候執(zhí)行?B、在央求出錯誤的時候執(zhí)行?C、在央求完成的時候執(zhí)行?D、在央求成功的時候執(zhí)行參照答案:D答案說明:暫無描述3、關(guān)于jQuery插件，以下說法錯誤的選項是（）分?A、jQuery插件在使用從前需要引入指定的插件文件和jQuery文件?B、jQuery插件能大大提高開發(fā)人員的開發(fā)效率?C、jQuery插件是在jQuery的基礎上做功能和業(yè)務上的擴展?D、jQuery插件只需要引入插件文件，不需要引入jQuery文件參照答案:D答案說明:jQuery插件在使用從前必定要第一引入jQuery文件4、jQuery全部版本下載地址（）分?A、?B、?C、?D、參照答案:B答案說明:暫無剖析5、在屬性過濾選擇器中，獲取等于給定的屬性是某個特定值的元素用（）實現(xiàn)。分?A、[attribute]?B、[attribute=value]?C、[attribute&=value]?D、[attribute*=value]參照答案:B答案說明:暫無剖析6、slideUp方法執(zhí)行的收效為（）分?A、以滑動的形式顯示元素?B、以滑動的形式隱蔽元素?C、以淡入的形式顯示元素?D、以淡入的形式隱蔽元素參照答案:B答案說明:暫無剖析7、jQuery對象的$("參數(shù)")語法描述錯誤的選項是（）分?A、經(jīng)過$( )符號聲明jQuery對象?B、$( )執(zhí)行后返回值是jQuery對象?C、調(diào)用方法能夠經(jīng)過“.”來實現(xiàn)?D、$符號不能夠夠用jQuery取代參照答案:D答案說明:暫無剖析8、在獲取id值為btn的元素的value值，下面代碼正確的選項是（）分?A、$("#btn").val( )?B、$("#btn").val(value)?C、$("#btn").value( )?D、$("#btn").value(val)參照答案:A答案說明:暫無剖析9、以下關(guān)于jQuery中的$.ajax( )方法的說法錯誤的選項是（）分?A、$.ajax( )方法是jQuery中最基層的Ajax方法。?B、$.ajax( )方法在使用時只能傳入一個參數(shù)?C、$.ajax( )方法能夠?qū)崿F(xiàn)其余jQuery中Ajax方法能實現(xiàn)的功能?D、$.get( )、$.post( )方法以$.ajax( )為基礎來進行封裝參照答案:B答案說明:能夠傳入兩個參數(shù)，也能夠傳入一個參數(shù)、以下關(guān)于jQuery中hide方法的說法錯誤的選項是（）分?A、傳入"fast"作為參數(shù)，其含義是在1000毫秒內(nèi)完成動畫?B、hide方法可傳人三個參數(shù)，依照序次依次是回調(diào)函數(shù)、動畫速度、切換收效?C、hide方法和jQuery中的show方法的使用方式完好相同?D、hide方法若是只傳入回調(diào)函數(shù)作為參數(shù)，那么該回調(diào)函數(shù)不會執(zhí)行參照答案:A答案說明:hide方法的使用方式與show方法完好相同、經(jīng)過jQuery獲取和設置表單的值，用（）實現(xiàn)獲取表單不能用的按鈕。分?A、checked?B、disabled?C、selected?D、email參照答案:B答案說明:暫無剖析、關(guān)于id屬性為“box”的可見元素，以下哪一種方法能夠讓元素以動畫形式隱蔽（）分?A、$("#box").fadeOut( )?B、$("#box").hide( )?C、$("#box").fadeTo(0)?D、$("#box").css("display","block")參照答案:A答案說明:hide方法若是不傳入?yún)?shù)則不會有動畫收效；fadeTo若是只傳入0作為參數(shù)無法讓元素變?yōu)椴荒芤姡籧ss方法設置元素不能見無動畫收效13、jQuery中設置表單元素的值中，清空表單元素文本框內(nèi)容的方法正確的選項是（）分?A、val("")?B、value("")?C、clear( )?D、val("true")參照答案:A答案說明:暫無剖析、以下說法正確的選項是（）分?A、fadeIn方法和fadeTo方法的使用方式完好相同?B、fadeIn方法不傳入?yún)?shù)也會有動畫收效?C、fadeTo方法的參數(shù)依次含義為動畫速度，透明度的目標值，切換收效，回調(diào)函數(shù)?D、hide方法和fadeOut方法的動畫收效相同參照答案:B答案說明:fadeIn方法不傳入?yún)?shù)會依照默認動畫速度執(zhí)行動畫、jQuery中直接獲取文檔內(nèi)容的Ajax方法load方法的基本語法是（）分?A、load([data],[callback],url)?B、load(url,[data],[callback])?C、load(url,[callback],[data])?D、load([data],url,[callback])參照答案:B答案說明:暫無描述、代碼$("#center>li")中的“>”符號表示（）分?A、獲取#center父元素下的全部li元素?B、獲取#center父元素下的第一個li元素?C、獲取#center父元素含有l(wèi)i的元素?D、獲取全部的li元素參照答案:A答案說明:暫無剖析、下面關(guān)于jQuery對象與DOM對象的說法，錯誤的選項是（）分?A、DOM對象是使用JavaScript操作DOM返回的對象。?B、jQuery對象是使用jQuery供應的操作DOM的方法返回的對象。?C、jQuery對象命名時必定使用$符號?D、jQuery對象與DOM對象之間能夠進行切換參照答案:C答案說明:暫無剖析、Ajax央求后的數(shù)據(jù)怎樣體現(xiàn)在頁面中（）分?A、Ajax央求回放入數(shù)據(jù)會自動插入到頁面中?B、Ajax央求完成此后經(jīng)過JavaScript操作DOM吧數(shù)據(jù)插入到頁面中?C、Ajax央求即會做頁面跳轉(zhuǎn)，跳轉(zhuǎn)至央求回的頁面?D、每個頁面只會在頁面加載的時候發(fā)出Ajax央求，襯著出整個頁面參照答案:B答案說明:暫無描述、獲取HTML代碼中l(wèi)i標簽的DOM對象，并調(diào)用（）屬性來獲取第一個li標簽的文本。分?A、innerText?B、text?C、html?D、contains參照答案:A答案說明:暫無剖析、在屬性過濾選擇器中，[attribute$=value]中的$符號代表的意思是（）分?A、獲取給定的屬性是以某些值結(jié)尾?B、獲取給定的屬性是以某些值開頭?C、獲取給定的屬性是包括某些值?D、獲取不等于給定的屬性是某個特定值參照答案:A答案說明:暫無剖析、關(guān)于jQuery插件，以下說法錯誤的選項是（）分?A、引入jQuery插件js文件時，必定要提前引入jQuery文件?B、封裝jQuery對象方法插件的方式是經(jīng)過給$.fn增加方法成員?C、封裝jQuery的靜態(tài)方法插件是經(jīng)過直接給$對象增加方法成員?D、封裝的jQuery靜態(tài)方法插件能夠被jQuery對象直接調(diào)用參照答案:D答案說明:暫無描述、在一個表單里，想要找到指定元素的第一個元素用（）實現(xiàn)，那么第二個元素用（）實現(xiàn)。分?A、oneeq(1)?B、firsteq(1)?C、firsteq(0)?D、lasteq(2)參照答案:B答案說明:暫無剖析、關(guān)于代碼document.getElementsByTagName('li');下面那個選項是錯誤的選項是（）分?A、獲取了文檔中全部的li元素?B、返回值是一個近似于數(shù)組的會集?C、返回值是一個數(shù)組?D、能夠經(jīng)過索引來獲取指定li元素參照答案:C答案說明:暫無剖析、jQuery中與bind( )綁定事件相對應的解綁事件的方法是（）分?A、undelegate( )?B、unbind( )?C、off( )?D、delegate參照答案:B答案說明:暫無剖析、下面這段代碼$('div').width($('div').width( )+50)說法正確的選項是（）分?A、在原div元素寬高的基礎上增加了50像素?B、設置div元素的寬度為50像素?C、獲取div元素的寬度?D、獲取div元素的寬度后加50像素參照答案:A答案說明:暫無剖析、經(jīng)過選擇器方法，選擇器的名稱$(“parent>child”)、$(“prev+next”)、$(“ancestordescendant”)、$(“prev~siblings”)依次代表什么意思（）分?A、后代選擇器、子選擇器、相鄰兄弟選擇器、一般兄弟選擇器?B、子選擇器、相鄰兄弟選擇器、后代選擇器、一般兄弟選擇器?C、一般兄弟選擇器、后代選擇器、子選擇器、相鄰兄弟選擇器?D、相鄰兄弟選擇器、后代選擇器、子選擇器、一般兄弟選擇器參照答案:B答案說明:暫無剖析、下面函數(shù)語法書寫正確的選項是（）分?A、function( ){}?B、function( )?C、function{}?D、function({})參照答案:A答案說明:暫無剖析、在jQuery中，”:button”選擇器和”:image”選擇器差異說法錯誤的選項是（）分?A、“:button”選擇器能夠獲取input[type=button]定義的按鈕?B、“:button”選擇器能夠獲取button定義的按鈕?C、“:image”選擇器能夠獲取input[type=image]定義的圖片?D、“:image”選擇器能夠獲取image定義的圖片參照答案:D答案說明:暫無剖析、在jQuery中，用（）將div元素設置圓角。分?A、$("div").css("border-radius":"50%")?B、$("div").css({border-radius:50%})?C、$("div").css({"border-radius":"50%"})?D、$("div").css(["border-radius":"50%"])參照答案:A答案說明:暫無剖析、jQuery事件冒泡行為中，阻攔頁面中span元素的事件冒泡行為，下面代碼正確的是（）分?A、$('span').click(function( ){console.log('span元素被單擊了');return;});?B、$('span').click(function( ){console.log('span元素被單擊了');false;});?C、$('span').click(function( ){console.log('span元素被單擊了');returnfalse;});?D、$('span').click(function( ){console.log('span元素被單擊了');stop;});參照答案:C答案說明:暫無剖析多項選擇題、下面jQuery選擇器中，返回值是元素會集的是（）分?A、id選擇器?B、.class選擇器?C、元素選擇器?D、通配符選擇器參照答案:B,C,D答案說明:暫無剖析、以下關(guān)于jQuery中滑動動畫方法的說法正確的選項是（）分?A、slideUp方法為以滑動形式隱蔽元素的方法?B、slideDown方法不設置動畫速度的參數(shù)也能夠?qū)崿F(xiàn)動畫收效?C、slideToggle方法功能為以滑動的形式切換元素顯示隱蔽狀態(tài)?D、slideTo方法為以滑動形式改變元素高度至指定值參照答案:A,B,C答案說明:無slideTo方法、show方法的動畫速度參數(shù)以下說法正確的選項是（）分?A、能夠設置為數(shù)值100?B、能夠設置為字符串"slow"?C、能夠設置為任意字符串?D、只能設置為數(shù)值參照答案:A,B,C答案說明:show方法的動畫參數(shù)設置為任意字符串時，動畫執(zhí)行時長和“formal”相同、Ajax央求常有央求的數(shù)據(jù)種類是（）分?A、JSON?B、HTML?C、js文件?D、XML文件參照答案:A,B,C,D答案說明:暫無描述、在DOM樹形結(jié)構(gòu)中下面是哪些是屬性節(jié)點（）分?A、href?B、charset?C、li?D、text參照答案:A,B答案說明:暫無剖析判斷題、jQuery對象能夠調(diào)用DOM中的方法。分??參照答案:錯答案說明:暫無剖析、關(guān)于jQuey中bind( )方法和delegate( )方法，jQuery也供應了相應解綁事件的方法unbind( )和undelegate( )，但在jQuery新版本中已經(jīng)由off( )方法取代。分??參照答案:對答案說明:暫無剖析、表單元素狀態(tài)屬性中，enabled和checked狀態(tài)屬性實現(xiàn)的收效是是相同的。分??參照答案:錯答案說明:暫無剖析、Ajax是依照異步央求的形式央求數(shù)據(jù)，不會刷新頁面。分??參照答案:對答案說明:暫無描述、detach( )方法的使用方式與remove( )方法是相同的。分??參照答案:錯答案說明:暫無剖析、jQuery在依照W3C規(guī)范的情況下對事件對象做了一致封裝，使得事件辦理能夠兼容各大主流閱讀器。分??參照答案:對答案說明:暫無剖析、jQuery版本包括jQuery1.x、jQuery2.x、jQuery3.x，且兼容IE6/7/8。分??參照答案:錯答案說明:暫無剖析、val( )方法和html( )方法，是等價的。分??參照答案:錯答案說明:暫無剖析、$.ajax( )方法的參數(shù)選項序次能夠任意排列。分??參照答案:對答案說明:暫無描述、在操作元素尺寸中innerWidth( )方法獲取的是獲取元素的寬度，其中包括元素本身的寬度和內(nèi)邊距。分??參照答案:對答案說明:暫無剖析填空題、下面代碼$('div:has(span)').css('background','pink');實現(xiàn)收效。分參照答案:【為包括子元素span的div設置背景色為粉色】答案說明:暫無剖析、代碼能夠定義一個表單文本框，內(nèi)容是“請輸入姓名”。分參照答案:【<inputtype="text"value="請輸入姓名"/>】答案說明:暫無剖析、在jQuery中，經(jīng)過方法獲取元素標簽內(nèi)容。分參照答案:html( )】答案說明:暫無剖析、在jQuery中，經(jīng)過方法過慮掉字符串兩端的空白字符。分參照答案:【$.trim( )】答案說明:暫無剖析、jQuery選擇器依照功能能夠分為3類，它們分別是是。分參照答案:【基本選擇器、層次選擇器、過濾選擇器】答案說明:暫無剖析、jQuery事件綁定中，經(jīng)過實現(xiàn)事件委托。分參照答案:on( )】答案說明:暫無剖析、若是需要刪除般配的元素會集中全部的子節(jié)點，用實現(xiàn)。分參照答案:empty( )】答案說明:暫無剖析、load( )方法的第3個參數(shù)是回調(diào)函數(shù)，該函數(shù)在央求數(shù)據(jù)加載完成后執(zhí)行。回調(diào)函數(shù)有個默認參數(shù)。分參照答案:3】答案說明:暫無剖析、jQuery經(jīng)過對封裝，簡化了HTML與javaScript之間的操作。分參照答案:【javaScript】答案說明:暫無剖析、$.ajax( )方法中指定央求數(shù)據(jù)種類的參數(shù)項是：。分參照答案:dataType】答案說明:暫無描述簡答題、在頁面中引入一張動物園圖片，上面分別有四個按鈕“猴子”、“老虎”、“獅子”、“狗”。收效以下列圖：當點擊這四個按鈕時，在動物園中顯示相應圖片。要求：點擊按鈕時，給id為imge的元素增加對應圖片（猴子、老虎、獅子、狗）。每個按鈕只對應增加一張圖片2.點擊猴子按鈕時增加monkey.jpg；點擊老虎按鈕時增加tiger.jpg；點擊獅子按鈕時增加lion.jpg；點擊狗按鈕時增加dog.jpg點擊按鈕時，增加動畫收效讓圖片顯示出來。每個按鈕對應的動畫收效要求各不相同（只需要四種不相同動畫做出圖片顯示收效，動畫的采納和參數(shù)不限）。4.在給的代碼框架中補充jQuery代碼，其余部分不相同意更正。提交的答案包括項目壓縮包和全部代碼截圖代碼框架以下：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>改變圖片</title><style>div{font-size:12px;border:#9991pxsolid;padding:5px;}#bg{width:610px;height:610px;background-image:url(images/zoo.jpg);}img{position:absolute;top:85px;left:195px;}#monkey{width:56px;height:56px;position:absolute;top:570px;left:70px;cursor:hand;}#tiger{width:56px;height:56px;position:absolute;top:570px;left:220px;cursor:hand;}#lion{width:56px;height:56px;position:absolute;top:570px;left:370px;cursor:hand;}#dog{width:56px;height:56px;position:absolute;top:570px;left:520px;cursor:hand;}#temp{position:absolute;top:300px;left:80px;display:none;}</style><scriptsrc="js/jquery-1.12.4.js"></script><script>開始答題結(jié)束答題</script></head><body><divid="bg"><span><inputtype="button"value="猴子"id="monkey"></span><span><inputtype="button"value="老虎"id="tiger"></span><span><inputtype="button"value="獅子"id="lion"></span><span><inputtype="button"value="狗"id="dog"></span><spanid="temp"><imgsrc=""id="imge"/></span></div></body></html>分我的答案：參照答案:$(function( ){varimge=$("#imge");vartemp=$("#temp");$("#monkey").click(function( ){imge.attr("src","images/monkey.jpg");temp.fadeIn(1000);});$("#tiger").click(function( ){imge.attr("src","images/tiger.jpg");temp.slideDown(1000);});$("#lion").click(function( ){imge.attr("src","images/lion.jpg");temp.show(1000);});$("#dog").click(function( ){imge.attr("src","images/dog.jpg");temp.fadeIn( ).animate({left:150},8000,"swing");});});答案說明:關(guān)于動畫代碼也許整體代碼相同的同學該題零分辦理.提交的答案包括項目壓縮包和全部代碼截圖，缺少本題按零分辦理、請簡述jQuery對象。分我的答案：jQuery對象就是經(jīng)過jQuery對象是jQuery法。

jQuery包裝DOM對象后產(chǎn)生的對象。獨有的.若是一個對象是jQuery對象,那么它就可以使用jQuery里的方誠然

jQuery

對象是包裝

DOM對象后產(chǎn)生的，但是

jQuery

無法使用

DOM對象的任何方法，同理

DOM對象也不能夠使用

jQuery

里的方法，亂使用會報錯。參照答案:經(jīng)過“$(參數(shù))”的形式能夠創(chuàng)辦ery對象后，就可以調(diào)用一些

jQuery的實例對象，即jQueryjQuery供應的方法來完成詳盡操作。

對象。創(chuàng)辦

jQu答案說明:暫無剖析、頁面模擬一個通知欄收效。頁面最開始有“本站通知”和“通知”按鈕顯示在頁面2.當點擊“通知”按鈕時，在class為notice的元素中增加內(nèi)容，收效如圖1所示圖13.點擊“刪除”按鈕時，顯示刪除提示框，如圖2所示圖21）點擊“確認”或“取消”按鈕，也能夠點擊右上角的“X”來封閉提示框。封閉提示框后，頁面如圖1所示2）當點擊“確認”按鈕時，刪除記錄并且提示框消失。頁面如圖3所示。圖3要求：1）頁面框架已經(jīng)在題干和附件中供應，只能在缺失的jQuery中作答，其余部分不相同意更正2）在圖1所示的“*閱讀了通知！”中*號部分請改成自己的名字3）提交結(jié)果答案時，請包括項目壓縮包、全部代碼截圖、運行收效截圖。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>記錄刪除時的提示收效</title><style>.bss{padding-left:50px;}a{text-decoration:none;}.notice{line-height:32px;height:32px;width:280px;padding-left:10px;display:none;}.divspan{padding-left:50px;}.delDialog{width:260px;border:1pxsolid#666666;margin-left:20px;display:none;}.delDialog.title{background-color:pink;padding:5px;color:#ffffff;font-weight:bold;font-size:14px;}.delDialog.titleimg{float:right;margin-top:-2px;}.delDialog.content{background-color:#fff;padding:10px;height:60px;font-size:12px;}.delDialog.contentimg{float:left;}.delDialog.contentspan{float:left;padding-top:10px;padding-left:10px;}.btn{border:1pxsolid#666666;padding:2px;margin-left:36px;margin-bottom:12px;width:65px;}</style><scriptsrc="