2023年jQuery期末考试试题与答案附解析.docx

《2023年jQuery期末考试试题与答案附解析.docx》由会员分享，可在线阅读，更多相关《2023年jQuery期末考试试题与答案附解析.docx（40页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2023年jQuery期末考试试题与答案单项选择题1、关于JQuery中show方法以下说法正确的选项是A、show方法假设不传入参数，则依据400ms的动画大事让元素显示出来B、show方法可传入回调函数，回调函数在动画执行之前执行C、show方法传入数值3作为参数，其默认为在3秒中完成动画D、 show方法的参数可以传入字符串来指定动画完成时间参考答案：答案说明：代表动画速度、show方法参数依据挨次，分别为 “speed “、ueasing “、fn ” ，切换2、关于get方法的回调函数的执行时机，以下方法说法正确的选项是（）A、在恳求发出的时候执行B、在恳求出错误的时候执行C、在恳求

2、完成的时候执行D、在恳求成功的时候执行参考答案：A、Ajax恳求回放入数据会自动插入到页面中B、Ajax恳求完成之后通过JavaScript操作DOM吧数据插入到页面中C、Ajax恳求即会做页面跳转，跳转至恳求回的页面D、每个页面只会在页面加载的时候发出Ajax恳求，渲染出整个页面参考答案：B答案说明：暂无描述li标签的文猎取HTML代码中li标签的DOM对象，并调用（）属性来猎取第一个 本。1分A、 innerTextB textC、 htmlD contains参考答案：A答案说明：暂无解析在属性过滤选择器中，attribute$=value中的$符号代表的意思是）1分A、猎取给定的属性是

3、以某些值结尾B、猎取给定的属性是以某些值开头C、猎取给定的属性是包含某些值D、猎取不等于给定的属性是某个特定值参考答案：A答案说明：暂无解析21、关于jQuery插件，以下说法错误的选项是（）1分A、引入jQuery插件js文件时，必需要提前引入jQuery文件B、封装jQuery对象方法插件的方式是通过给$.fn添加方法成员C、封装JQuery的静态方法插件是通过直接给$对象添加方法成员D、封装的JQuery静态方法插件可以被jQuery对象直接调用参考答案：D答案说明：暂无描述在一个表单里，想要找到指定元素的第一个元素用()实现，那么其次个元素用 ()实现。1分A、one eq(l)B f

4、irst eq(l)C、first eq (0)I)、last eq (2)参考答案：B答案说明：暂无解析关于代码下面那个选项是错误的选项是1分A、猎取了文档中全部的H元素B、返回值是一个类似于数组的集合C、返回值是一个数组D、可以通过索引来猎取指定li元素参考答案：C答案说明： 暂无解析24、 jQuery中与bind绑定大事相对应的解绑大事的方法是1分A、 undelegateB、 unbindC、offD delegate参考答案：B答案说明：暂无解析下面这段代码$( div ). width($( div ). width +说法正确的选项是1分A、在原div元素宽高的根底上增加了 5

5、0像素B、设置div元素的宽度为50像素C、猎取div元素的宽度I)、猎取div元素的宽度后加50像素参考答案：A答案说明A、后代选择器、子选择器、相邻兄弟选择器、一般兄弟选择器B、子选择器、相邻兄弟选择器、后代选择器、一般兄弟选择器C、一般兄弟选择器、后代选择器、子选择器、相邻兄弟选择器D、相邻兄弟选择器、后代选择器、子选择器、般兄弟选择器参考答案：答案说明：暂无解析27、下面函数语法书写正确的选项是)A、function1)B、functionC、function D、function()暂无解析通过选择器方法，选择器的名称 $ ( parentchild )、$ ( u prev+nex

6、t ”)、$(a”)依次代表什么意思。ncestor descendant ”)、$ ( prev飞iblings参考答案答案说明：暂无解析在jQuery中， ：button ”选择器和 :image ”选择器区分说法错误的选项是1)1分A、“：button”选择器可以猎取inputtype=button定义的按钮B、“：button”选择器可以猎取button定义的按钮C、“： image”选择器可以猎取input type二image定义的图片D、“： image”选择器可以猎取image定义的图片参考答案：D答案说明：暂无解析在jQuery中，用将div元素设置圆角。1分A、$( div

7、 ). css( border-B、$( div .css(border-radius:50%)C、 $( div ”).css( uborder-radius : 50% )D $ ( div ”).css( uborder-参考答案A答案说明：暂无解析jQuery大事冒泡行为中，阻挡页面中span元素的大事冒泡行为，下面代码正确的是()1分An$( span ). click (function console. log(v span 元素被单击了 ) ; return ;);B、$( span ). click (function console, log(, span 元素被单击了 )

8、;C $( span ). click(function console. log(n span 元素被单击了 )； returnD、$( span ). click (function console. log(,? span 元素被单击了 ) ; stop;);参考答案：C答案说明：暂无解析多项选择题下面jQuery选择器中，返回值是元素集合的是2分A、id选择器B . class选择器C、元素选择器D、通配符选择器参考答案：B, C,D答案说明：暂无解析以下关于jQuery中滑动动画方法的说法正确的选项是（）2分A、slideUp方法为以滑动形式隐蔽元素的方法B、slideDown方法不

9、设置动画速度的参数也可以实现动画效果C、slideToggle方法功能为以滑动的形式切换元素显示隐蔽状态D、slideTo方法为以滑动形式转变元素高度至指定值参考答案：A, B,C答案说明：无slideTo方法show方法的动画速度参数以下说法正确的选项是（）A、可以设置为数值100B、可以设置为字符串C、可以设置为任意字符串D、只能设置为数值参考答案：A, B,C答案说明：formal ” 一样show方法的动画参数设置为任意字符串时，动画执行时长和“Ajax恳求常见恳求的数据类型是（）2分A、 JSONB、 HTMLC、js文件D、XML文件参考答案：C、 B, C, D答案说明：暂无描述

10、在DOM树形构造中下面是哪些是属性节点UA、 hrefB charsetC、liD、 text参考答案：A,B答案说明：暂无解析推断题JQuery对象可以调用DOM中的方法。2分参考答案：错答案说明：暂无解析对于jQuey中bind方法和delegate方法，jQuery也供给了相应解绑大事的方 法unbind和undelegate ，但在JQuery版本中已经由off方法替代。I)答案说明：暂无描述关于jQuery插件，以下说法错误的选项是（）1分A JQuery插件在使用之前需要引入指定的插件文件和jQuery文件B、jQuery插件能大大提高开发人员的开发效率C、jQuery插件是在JQ

11、uery的根底上做功能和业务上的扩展D. jQuery插件只需要引入插件文件，不需要引入JQuery文件参考答案：D答案说明：jQuery插件在使用之前必需要首先引入jQuery文件jQuery全部版本下载地址U1分A、 s:/code. jqueryCs:/code. jqueryl. xDs:/jqueryl. x参考答案对答案说明：暂无解析表单元素状态属性中，enabled和checked状态属性实现的效果是是一样的。2分参考答案：错答案说明：暂无解析Ajax是依据异步恳求的形式恳求数据，不会刷页面。2分参考答案答案说明：暂无描述detach方法的使用方式与remove方法是一样的。2分

12、参考答案：错答案说明：暂无解析jQu在遵循W冷掰准的状况下对大事对象做了统一封装，使得大事处理可以兼 容各大主流扫瞄器。2分参考答案：对答案说明暂无解析jQuery 版本包括 jQueryl. x、jQuery2. x、jQuery3. x ,且兼容 IE6/7/8。2分参考答案：错答案说明：暂无解析val方法和html方法，是等价的。2分参考答案：错答案说明：暂无解析44、$. ajax方法的参数选项挨次可以任意排列。2分参考答案：对答案说明：暂无描述在操作元素尺寸中 innerWidth方法猎取的是猎取元素的宽度，其中包括元素本 身的宽度和内边距。2分参考答案：对答案说明：暂无解析填空题下

13、面代码实现效果。参考答案：【为包含子元素span的div设置背风光为粉色】答案说明：暂无解析代码可以定义一个表单文本框，内容是“请输入姓名”。1分参考答案： attribute*=value参考答案：B答案说明：暂无解析slideUp方法执行的效果为）1分A、以滑动的形式显示元素B、以滑动的形式隐蔽元素C、以淡入的形式显示元素4 .在给的代码框架中补充jQuery代码，其他局部不允许修改。5 .提交的答案包括工程压缩包和全部代码截图代码框架如下: 转变图片/title)div (font-size:12px;border:#999 Ipx solid;padding:5px;#bgwidth:

14、610px;height:610px;background-image:ur1(images/zoo. jpg);imgposition:absolute;top:85px;left:195px;Smonkeywidth:56px;height:56px;position:absolute;top:570px;left:70px;cursor:hand;)tttiger width:56px;height:56px;positiomabsolute;top:570px;left:220px;cursor:hand;)#lionwidth:56px;height:56px;position:ab

15、solute;top:570px;left:370px;cursor:hand;)#dogwidth:56px;height:56px;positionzabsolutc;top:570px;left:520px;cursor:hand;)#tempposition:absolute;top:300px;left:80px;display: none;/开头答题/完毕答题猴子i nputinput老虎input狮子10分我的答案:changeimg.htmldelect.html6 07891011121314151617181920212223242526272829303132333435

16、3637383940 title)改变图片 /title)divfont-size:12px;border:#999 Ipx solid;padding:5px;)#bgtwidth:610px;height:619px;ba c kg rou nd - image:u r1(images/zoo.jpg);)img(position:absolute;top:85px;left:195px;#inonkey(width:56px;height:56px;position:absolute;top:570px;left:70px;cursor:hand;#tiger width:56px;he

17、ight:56px;position:absolute;top:570px;left:22px;cursor:hand;)#lion(参考答案$ (function var imge=$( u#imge );var temp=$( fttemp “);$( -monkey ). click(function imge. attr( src ”, temp. fadeln(lOOO);)；$ ( #tiger “), click (function imge. attr ( src ”， temp. slideDown(lOOO); )； $( #lion . click(function(im

18、ge. attr( src ”, u images/lion. jpg );temp, show(1000);)；$( #dog u). click(functionimge. attr ( src ”，uimages/dog. jpg )；temp, fadein, animate (left: 150, 3000,swing )jdT)；答案说明：1 .对于动画代码或者整体代码一样的同学该题零分处理.2 .提交的答案包括工程压缩包和全部代码截图，缺少此题按零分处理57、请简述jQuery对象。10分我的答案：jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是

19、JQuery独有的.假设一个对象是jQuery对象，那么它就可以使用JQuery里的方 法。D、以淡入的形式隐蔽元素参考答案：B答案说明：暂无解析jQuery对象的$( “参数”)语法描述错误的选项是U1分A、通过$符号声明JQuery对象B、$执行后返回值是jQuery对象C、调用方法可以通过”来实现D、$符号不行以用jQuery替代参考答案：D答案说明：暂无解析在猎取id值为btn的元素的value值，下面代码正确的选项是1分A、 $( #btn “).valB、 虽然jQuery对象是包装DOM对象后产生的，但是JQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuer

20、y里的方法，乱使用会报错。参考答案：通过“ $（参数）”的形式可以创必jQuery的实例对象，即jQuery对象。创立jQu ery对象后，就可以调用一些jQuery供给的方法来完成具体操作。答案说明：暂无解析页面模拟一个公告栏效果。1 .页面最开头有“本站公告”和“通知”按钮显示在页面2 .当点击“通知”按钮时，在class为notice的元素中添加内容，效果如图1所示本站公告通知r阅读了通知!删除3.点击“删除”按钮时，显示删除提示框，如图2所示本站公告通知*才阅读了通知！删除! 怎确定要删除这条记录吗？确定取消图2(1)点击“确认”或“取消”按钮，也可以点击右上角的“ X”来关闭提示框。

21、关闭提示 框后，页面如图1所示(2)当点击“确认”按钮时，删除记录并且提示框消逝。页面如图3所示。本站公告通知图3要求：1)页面框架已经在题干和附件中供给，只能在缺失的jQuery中作答，其他局部不允许修 改2）在图1所示的“ *阅读了通知！ ”中*号局部请改成自己的名字3）提交结果答案时，请包括工程压缩包、全部代码截图、运行效果截图。记录删除时的提示效果/title.bss padding-left:50px;一 atext-decoration:none;.notice line-height:32px; height:32px; width:280px;padding-left:lOpx

22、; display:none;).div span padding-left:50px;).delDialog(width:260px;border:Ipx solid #666666; margin-left:20px;display:none;), delDialog .title background-color:pink; padding:5px; color; font-weight:bold; font-size:14px;).delDialog .title img float:right; margin-top：-2px;.delDialog .content backgrou

23、nd-color:#fff; padding:lOpx; height:60px;font7size:12px;.delDialog . content img float:left;).delDialog .content span float:left;padding-top:lOpx; padding-left:lOpx;.btn border:lpx solid #666666; padding:2px;margin-left:36px; margin-bottom:12px; width:65px;/开头答题/完毕答题本站公告img删除提示您确定要删除这条记录吗？ 确定“class三

24、btn取消  input10分我的答案:456臼78910111213141516171819202122232425262728293031323334353637383940delect.htmltitle记录删除时的提示效果/title).bss(padding-left:50px;a(text-decoration:none;.noticeline-height:32px;height:32px;width:280px;padding-left:10px;display:none;.div span(padding-left:50px;.delDialogwidth

25、:260px;border:lpx solid #666666;ma rgin-left:2px;display:none; delDialog .background-color:pink;padding:5px;colorfont-weight:bold;font-size:14px;.delDialog .title imgfloat:right;margin-top:-2px;参考答案$ (function($( #btn u).click (function $ ( notice u.show, empty;通知删$( . notice ). append( u* 阅读了通知！ $

26、( #btn “). valueD、参考答案：A答案说明：暂无解析以下关于jQuery中的$.ajax方法的说法错误的选项是1)1分A、$. ajax方法是JQuery中最底层的Ajax方法。B、$.ajax方法在使用时只能传入一个参数C、$.ajax方法可以实现其他jQuery中Ajax方法能实现的功能D、$.get、$.post方法以$.ajax为根底来进展封装参考答案：B答案说明：可以传入两个参数，也可以传入一个参数以下关于jQuery中hide方法的说法错误的选项是1分A、传入“fast ”作为参数，其含义是在1000毫秒内完成动B、hide方法可传人三个参数，依据挨次依次是回调函数、

27、动画速度、切换效果C、hide方法和jQuery中的show方法的使用方式元全一样D、hide方法假设只传入回调函数作为参数，那么该回调函数不会执行参考答案：A答案说明：hide方法的使用方式与show方法完全通过jQuery猎取和设置表单的值，用1分A checkedB、 disabledC、 selectedD email参考答案：B答案说明：暂无解析U实现猎取表单不行用的按钮。卜哪种方法可以让元素以动画形式隐蔽对于id属性为“ box ”的可见元素，A、$( #box a). fadeOutB、 $( #box “).hide参考答案：A答案说明：hide方法假设不传入参数则不会有动画效

28、果；fadeTo假设只传入0作为参数无法让元素变为不行见；css方法设置元素不行见无动画效果jQuery中设置表单元素的值中，清空表单元素文本框内容的方法正确的选项是()1分A、val( “B、value (C、 clear参考答案：A答案说明：暂无解析以下说法正确的选项是A、fadein方法和fadeTo方法的使用方式完全一样B、fadein方法不传入参数也会有动画效果C、fadeTo方法的参数依次含义为动画速度，透亮度的目标值，切换效果，回调函数I)、hide方法和fadeOut方法的动画效果一样参考答案：B答案说明：fadein方法不传入参数会依据默认动画速度执行动画JQuery中直接猎

29、取文档内容的Ajax方法load方法的根本语法是()1分A load(data,callback,url)B、load(url, data, callback)C load(url, callback, data)D load (data, url, callback)参考答案：B答案说明：暂无描述代码$( “#centerli ”)中的“代符号表示)A、猎取#center父元素下的全部li元素B、猎取枇enter父元素下的第一个li元素C、猎取#center父元素含有li的元素D、猎取全部的li元素参考答案：A答案说明：暂无解析下面关于jQuery对象与DOM对象的说法，错误的选项是（）1分A、DOM对象是使用JavaScript操作DOM返回的对象。jQuery对象是使用jQuery供给的操作DOM的方法返回的对象。C、JQuery对象命名时必需使用$符号D. jQuery对象与DOM对象之间可以进展切换参考答案：C答案说明：暂无解析Ajax恳求后的数据怎样呈现在页面中U