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

2023年jQuery期末考试试题与答案单项选择题关于JQuery中show方法以下说法正确的选项是A、show方法假设不传入参数，则依据400ms的动画大事让元素显示出来B、show方法可传入回调函数，回调函数在动画执行之前执行C、show方法传入数值3作为参数，其默认为在3秒中完成动画D、show方法的参数可以传入字符串来指定动画完成时间

1、参考答案答案说明show方法参数依据挨次，分别为“speed“、ueasing“、fn”，代表动画速度、切换关于get方法的回调函数的执行时机，以下方法说法正确的选项是（）A、在恳求发出的时候执行B、在恳求出错误的时候执行C、在恳求完成的时候执行D、在恳求成功的时候执行

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

21、关于jQuery插件，以下说法错误的选项是（）1分A、引入jQuery插件js文件时，必需要提前引入jQuery文件B、封装jQuery对象方法插件的方式是通过给$.fn添加方法成员C、封装JQuery的静态方法插件是通过直接给$对象添加方法成员D、封装的JQuery静态方法插件可以被jQuery对象直接调用参考答案D答案说明暂无描述在一个表单里，想要找到指定元素的第一个元素用实现，那么其次个元素用实现1分A、one eqlBfirst eqlC、first eq0I、last eq2参考答案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元素宽高的根底上增加了50像素B、设置div元素的宽度为50像素C、猎取div元素的宽度I、猎取div元素的宽度后加50像素参考答案A答案说明暂无解析通过选择器方法，选择器的名称$parentchild、$u prev+next”、$ancestor descendant”、$prev飞iblings”依次代表什么意思参考答案A、后代选择器、子选择器、相邻兄弟选择器、一般兄弟选择器B、子选择器、相邻兄弟选择器、后代选择器、一般兄弟选择器C、一般兄弟选择器、后代选择器、子选择器、相邻兄弟选择器D、相邻兄弟选择器、后代选择器、子选择器、般兄弟选择器参考答案答案说明暂无解析

27、下面函数语法书写正确的选项是〔、function1AB、functionC、function{}D、function{答案说明暂无解析在jQuery中，button”选择器和:image”选择器区分说法错误的选项是11分A、“button”选择器可以猎取input[type=button]定义的按钮B、“button”选择器可以猎取button定义的按钮C、“image”选择器可以猎取input[type二image]定义的图片D、“image”选择器可以猎取image定义的图片参考答案D答案说明暂无解析在jQuery中，用［［将div元素设置圆角1分A、$div.css border-B、$div.css{border-radius:50%}C、$div”.css{uborder-radius:50%}D$div”.css［uborder-参考答案A答案说明暂无解析jQuery大事冒泡行为中，阻挡页面中span元素的大事冒泡行为，下面代码正确的是1分$span.click function{console.logv span元素被单击了;return;};ANB、$span.click function{console,log,,span元素被单击了;C$span.clickfunction{console.logn 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方法不设置动画速度的参数也可以实现动画效果C、slideToggle方法功能为以滑动的形式切换元素显示隐蔽状态D、slideTo方法为以滑动形式转变元素高度至指定值参考答案A,B,C答案说明无slideTo方法show方法的动画速度参数以下说法正确的选项是（）A、可以设置为数值100B、可以设置为字符串C、可以设置为任意字符串D、只能设置为数值参考答案A,B,C答案说明show方法的动画参数设置为任意字符串时，动画执行时长和“formal”一样Ajax恳求常见恳求的数据类型是（）2分A、JSONB、HTMLC、js文件D、XML文件参考答案C、B,C,D答案说明暂无描述在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插件是在JQuery的根底上做功能和业务上的扩展D.jQuery插件只需要引入插件文件，不需要引入JQuery文件参考答案D答案说明jQuery插件在使用之前必需要首先引入jQuery文件jQuery全部版本下载地址U1分A、s://code.jqueryC s://code.jqueryl.xD s://jqueryl.x参考答案对答案说明暂无解析表单元素状态属性中，enabled和checked状态属性实现的效果是是一样的2分参考答案错答案说明暂无解析Ajax是依据异步恳求的形式恳求数据，不会刷页面2分参考答案答案说明暂无描述detach方法的使用方式与remove方法是一样的2分参考答案错答案说明暂无解析jQu^＞在遵循W冷掰准的状况下对大事对象做了统一封装，使得大事处理可以兼容各大主流扫瞄器2分参考答案对答案说明暂无解析jQuery版本包括jQueryl.x、jQuery

2.x、jQuery

3.x,且兼容IE6/7/82分参考答案错答案说明暂无解析val方法和html方法，是等价的2分参考答案错答案说明暂无解析

44、$.ajax方法的参数选项挨次可以任意排列2分参考答案对答案说明暂无描述在操作元素尺寸中innerWidth方法猎取的是猎取元素的宽度，其中包括元素本身的宽度和内边距2分参考答案对答案说明暂无解析填空题下面代码实现效果参考答案【为包含子元素span的div设置背风光为粉色】答案说明暂无解析代码可以定义一个表单文本框，内容是“请输入姓名”1分参考答案[input请输入姓名答案说明暂无解析在JQuery中，通过方法猎取元素标签内容1分参考答案[html]答案说明暂无解析

49、在jQuery中，通过方法过虑掉字符串两端的空白字符1分参考答案[$.trim]答案说明暂无解析jQuery选择器依据功能可以分为3类,它们分别是是1分参考答案【根本选择器、层次选择器、过滤选择器】答案说明暂无解析jQuery大事绑定中，通过实现大事托付1分参考答案[on]答案说明暂无解析假设需要删除匹配的元素集合中全部的子节点，用实现1分参考答案[empty]答案说明暂无解析load方法的第3个参数是回调函数，该函数在恳求数据加载完成后执行回调函数有个默认参数1分参考答案答案说明暂无解析

50、jQuery通过对封装，简化了HTML与JavaScript之间的操作参考答案【JavaScript]答案说明暂无解析$.ajax方法中指定恳求数据类型的参数项是:1分参考答案【dataType]答案说明暂无描述简答题

56、在页面中引入一张动物园图片，上面分别有四个按钮“猴子”、“老虎”、“狮子”、“狗”效果如下图当点击这四个按钮时，在动物园中显示相应图片要求:

1.点击按钮时，给id为imge的元素添加对应图片（猴子、老虎、狮子、狗）每个按钮只对应添加一张图片

2.点击猴子按钮时添加点击老虎按钮时添加点击狮子按钮时添加点击狗按monkey.jpg:tiger.jpg；lion,jpg；钮时添加dog.jpg

3.点击按钮时，添加动画效果让图片显示出来每个按钮对应的动画效果要求各不一样（只需耍四种不同动画做出图片显示效果，动画的选用和参数不限）参考答案答案说明暂无解析在属性过滤选择器中，猎取等于给定的属性是某个特定值的元素用（）实现1分A、[attribute]B、[attribute二value]C、[attribute=value]D[attribute*=value]参考答案B答案说明暂无解析slideUp方法执行的效果为〔）1分A、以滑动的形式显示元素B、以滑动的形式隐蔽元素C、以淡入的形式显示元素在给的代码框架中补充代码，其他局部不允许修改

4.jQuery提交的答案包括工程压缩包和全部代码截图

5.代码框架如下:!DOCTYPE htmlhtmllang=en headmeta charset=UTF-8转变图片〈/title titlestyledivfont-size:12px;border:#999Ipx solid;padding:5px;}#bg{width:610px;height:610px;background-image:ur1images/zoo.jpg;}img{position:absolute;top:85px;left:195px;}Smonkey{width:56px;height:56px;position:absolute;top:570px;left:70px;cursor:hand;tttiger{width:56px;height:56px;positiomabsolute;top:570px;left:220px;cursor:hand;#lion{width:56px;height:56px;position:absolute;top:570px;left:370px;cursor:hand;#dog{width:56px;height:56px;positionzabsolutc;top:570px;left:520px;cursor:hand;#temp{position:absolute;top:300px;left:80px;display:none;}/stylescript src=u js/jquery-

1.

12.

4.js uX/scriptscript//开头答题//完毕答题changeimg.html delect.html/script/headbodydiv id=bg”60span猴子7i nput/span8span9老虎input10/span11span12狮子input13/spanspan14狗input type=button“value=id=dog”15/span16span id=temp17img src=id=imge/18/span/div19/body20/html2122232410分252627我的答案:28meta charset=uUTF-8H〈title改变图片/title29style30div{31font-size:12px;32border:#999Ipx solid;33padding:5px;3435#bgt36width:610px;37383940height:619px;ba ckg round-image:u r1images/zoo.jpg;imgposition:absolute;top:85px;left:195px;}#inonkeywidth:56px;height:56px;position:absolute;top:570px;left:70px;cursor:hand;}#tiger{width:56px;height:56px;position:absolute;top:570px;left:22©px;cursor:hand;#lion参考答案$function{var imge=$u#imge;var temp=$^fttemp“;$-monkey.clickfunction{imge.attr src”,temp.fadelnlOOO;}；$#tiger“,click function{imge.attrsrc”，temp.slideDownlOOO;}；$#lion.clickfunctionimge.attr src”,u images/lion.jpg;temp,show1000;}；$#dog u.clickfunction{imge.attrsrc”，uimages/dog.jpg；________________________temp,fadein,animate{left:150},3000,swing j_______TD；答案说明.对于动画代码或者整体代码一样的同学该题零分处理.1提交的答案包括工程压缩包和全部代码截图，缺少此题按零分处理

2.

57、请简述jQuery对象10分我的答案对象就是通过包装对象后产生的对象jQuery jQuery DOM对象是独有的.假设一个对象是对象，那么它就可以使用里的方法jQuery JQueryjQuery JQueryD、以淡入的形式隐蔽元素参考答案B答案说明暂无解析jQuery对象的$“参数”语法描述错误的选项是U1分A、通过$符号声明JQuery对象B、$执行后返回值是jQuery对象C、调用方法可以通过”来实现D、$符号不行以用jQuery替代参考答案D答案说明暂无解析在猎取id值为btn的元素的value值，下面代码正确的选项是1分A、$#btn“.valB、虽然对象是包装对象后产生的，但是无法使用对象的任何方法，同理jQueryDOMJQuery DOMDO对象也不能使用里的方法，乱使用会报错M jQuery参考答案通过“$（参数）”的形式可以创必jQuery的实例对象，即jQuery对象创立jQu ery对象后，就可以调用一些jQuery供给的方法来完成具体操作答案说明暂无解析页面模拟一个公告栏效果

1.页面最开头有“本站公告”和“通知”按钮显示在页面

2.当点击“通知”按钮时，在class为notice的元素中添加内容，效果如图1所示本站公告通知★r阅读了通知!删除

3.点击“删除”按钮时，显示删除提示框，如图2所示本站公告通知**才阅读了通知！删除!\怎确定要删除这条记录吗？~~确定~~取消图21点击“确认”或“取消”按钮，也可以点击右上角的“X”来关闭提示框关闭提示框后，页面如图1所示2当点击“确认”按钮时，删除记录并且提示框消逝页面如图3所示本站公告通知图3要求1页面框架已经在题干和附件中供给，只能在缺失的jQuery中作答，其他局部不允许修改2）在图1所示的“***阅读了通知！”中*号局部请改成自己的名字3）提交结果答案时，请包括工程压缩包、全部代码截图、运行效果截图!DOCTYPE htmlhtmllang=en”headmeta charset=UTF-8title记录删除时的提示效果〈/title》style.bss{padding-left:50px;一}a{text-decoration:none;.notice{line-height:32px;height:32px;width:280px;padding-left:lOpx;display:none;.div span{padding-left:50px;.delDialogwidth: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{background-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;}/stylescript src=ujs/jquery-

1.

12.

4.js/scriptscript//开头答题//完毕答题/script/headbodyh4本站公告/h4div class=button”input type=abutton“value=通知a id=btn”/divdiv class二unotice”/divdiv class=delDialog”div class=title”img删除提示/divdiv class=content”img src=images/warning,png/span您确定要删除这条记录吗？/span/div divinputid=confirmBtn“type三button“valuer1确定“class三btn/nbsp;nbsp;input取消/div/div/body10分我的答案:/htmldelect.html4metacharset=,,UTF-8,i5〈》记录删除时的提示效果〈/title title6臼style

78.bss9padding-left:50px;10}11a12text-decoration:none;13}

14.notice{15line-height:32px;16height:32px;17width:280px;18padding-left:10px;19display:none;20}

21.div span22padding-left:50px;23}

24.delDialog{25width:260px;26border:lpx solid#666666;27ma rgin-left:2©px;28display:none;29}30•delDialog.31background-color:pink;32padding:5px;33color34font-weight:bold;35font-size:14px;36}

37.delDialog.title img{38float:right;39margin-top:-2px;40}参考答案$function$#btn u.click function{$notice u.show,empty;$.notice.append uspanXa通知”_***阅读了通知！/a/spanspan cla.ss=v bssinput type=n buttonnvalue二”删}$.notice.on click，”#delBtn function$.delDialog,show;}$.title imgu.click function{$^.delDialog“,hide;}$#cancelBtn,click function{$delDialog.hide;}$^ttconfirmBtn u.click function{$.notice“.hide;$.delDialog.hide;}}答案说明

1.局部或全部代码假设和其他同学雷同，此题按零分处理

2.提交的内容必需包括工程压缩包、全部代码截图、运行效果截图，缺少此题按零分处理C$#btn“.valueD、参考答案A答案说明暂无解析以下关于jQuery中的$.ajax方法的说法错误的选项是11分A、$.ajax方法是JQuery中最底层的Ajax方法B、$.ajax方法在使用时只能传入一个参数C、$.ajax方法可以实现其他jQuery中Ajax方法能实现的功能D、$.get、$.post方法以$.ajax为根底来进展封装参考答案B答案说明可以传入两个参数，也可以传入一个参数以下关于jQuery中hide方法的说法错误的选项是1分A、传入“fast”作为参数，其含义是在1000毫秒内完成动B、hide方法可传人三个参数，依据挨次依次是回调函数、动画速度、切换效果C、hide方法和jQuery中的show方法的使用方式元全一样D、hide方法假设只传入回调函数作为参数，那么该回调函数不会执行参考答案A答案说明hide方法的使用方式与show方法完全通过jQuery猎取和设置表单的值，用1分A checkedU实现猎取表单不行用的按钮B、disabledC、selectedD email参考答案B答案说明暂无解析对于id属性为“box”的可见元素，A、$#box a.fadeOutB、$#box“.hide参考答案A卜哪种方法可以让元素以动画形式隐蔽□答案说明hide方法假设不传入参数则不会有动画效果；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中直接猎取文档内容的Ajax方法load方法的根本语法是1分A load[data],[callback],urlB、loadurl,[data],[callback]C loadurl,[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。