jQuery前端开发实战教程

《jQuery前端开发实战教程》试卷得分单选题（每题2分，共计30分）1．页面中存在可见元素div，代码“if( $("div").show().is(:animated) ){ $("div").hide(1000); }”的执行效果是（）A、元素以动画效果隐藏B、元素没有任何变化C、元素无动画效果隐藏D、元素先以动画效果隐藏，再无动画形式显示2．关于代码“$.fn.test = function() { };”，下列说法错误的是（）A、test方法可以被jQuery对象调用B、test方法被jQuery对象调用时，this指向调用该方法的jQuery对象C、在test方法中可以书写代码“return this”来实现链式编程D、$.fn是jQuery原型对象jQuery.prototype的简写3．jQuery Mobile选择菜单中，当选择菜单中含有多个类别时，可添加（）元素，让jQuery Mobile根据此元素中label属性的文本创建含有分割项的选项。

A、labelB、optgroupC、selectD、option4．在使用tree组件时，dnd属性和lines属性设置为true分别代表（）含义。

A、显示横线条显示竖线条B、显示竖线条显示横线条C、表示可拖动表示可拖拽D、表示可拖动表示显示竖线条5．下列哪种方法不可以让元素设置为不可见（）A、fadeInB、fadeOutC、fadeToD、hide总分题型单选题多选题填空题简答题题分得分6．在jQuery Mobile列表视图中，可以将任意大小的图片自动缩放到（）像素，展示到列表中。

A、60B、70C、80D、907．跟jQuery相继诞生的JavaScript库还有很多，不包括（）A、PrototypeB、ExtJSC、YUID、node.js8．下面选项中this的使用说法正确的是（）A、this指向当前元素B、this可以用来绑定事件C、this可以获取到所有元素D、this是一种方法9．使用animate方法实现与代码$("div").fadeIn(600)相同效果的代码写法是（）A、$("div").animate({"opacity":"1"})B、$("div").animate({"opacity":"1"},"fast")C、$("div").animate({"opacity":"1"},600)D、$("div").animate({"opacity":"1"},"normal")10．从EasyUI网站下载到的“jquery-easyui-1.5.4.2.zip”压缩包解压，保存到“chapter08\ easyui-1.5.4.2”目录中下面说法错误的是（）A、locale目录是国际化资源文件包B、plugins是插件包目录C、jsrc是源码包目录D、demo和demo-mobile目录都是样例，没有区别11．在jQuery事件中，当调整浏览器窗口时触发的事件是（）事件。

A、resize()B、change()C、scroll()D、select()12．下面事件触发中，属于手动触发事件的是（）A、click()B、trigger()C、mouoseoverD、change()13．jQuery Mobile选择菜单中，若开发需要将选择菜单中的某个选项设置为不可用的状态，则在option 元素的开始标签中直接添加“disabled="（）"”属性即可。

A、undefindB、disabledC、falseD、null14．代码“$("form").find('input[name$=user]')”的含义是（）A、选择form表单域中所有name属性值等于“user”的input标签B、选择form表单域中所有name属性值不等于“user”的input标签C、选择form表单域中所有name属性值以“user”开头的input标签D、选择form表单域中所有name属性值包含“user”开头的input标签15．在使用treegrid组件时，关于代码“list.treegrid({url: Config.api,method: 'GET',collapsible: true, toolbar: []});”的分析，错误的是（）A、treegrid传入的参数中，url表示组件创建时需要数据的请求地址B、method为组件请求数据的请求方式C、该方法无法正确创建组件，正确的做法应该是通过jQuery的Ajax方法预先请求到数据，再把数据传入到treegrid方法中D、collapsible用于在组件的右上角提供一个可折叠或展开的按钮得分多选题（每题2分，共计10分）16．jQuery中的Ajax全局事件和局部事件的说中中，正确的是（）A、全局事件需要通过文档对象document来绑定B、局部事件在jQuery中可通过在初始化Ajax请求时以参数的形式指定C、局部事件的success事件在全局事件ajaxSuccess之前触发D、ajax局部事件只会被当前ajax请求触发17．下列关于EChars的常用配置项中，可设置为数值的是（）A、symbolSizeB、bottomC、labelD、expandAndCollapse18．下列关于通过Ajax方法获取的不同格式数据的说法中正确的是（）A、当获取到的是XML格式数据时，需要使用与操作HTML文档相同的方法来提取数据B、JSON.parse()方法可以将字符串转换成对应格式的对象。

C、当不规定获取的数据类型时，jQuery中的Ajax有时可自动对数据类型做判断，按照某种格式数据来获取数据D、发出请求时数据类型必须要填写，不然无法获取正确的格式19．与代码“$("div").eq(0)”调用之后的返回值相同的是（）A、$("div:lt(1)")B、$("div").index(0)C、$("div:first")D、$("div:eq(0)")20．下面关于下载jQueryEasyUI说法正确的是（）A、访问EasyUI的下载页面（p）B、EasyUI是基于jQuery 开发的开源用户界面库C、为网页开发节省了大量的时间。

D、在使用时不需要写大量的代码，就可以定义用户界面。

得分填空题（每题2分，共计20分）21．在兄弟选择器中，与prev + next选择器作用相同的方法是【】。

22．jQuery Mobile也提供了图标设置的功能，使用时将【】设置为图标目录下图片的名称即可。

23．在内容过滤选择器中，获取含有选择器所匹配的元素用【】实现。

24．animate方法的参数按照顺序分别是：【】、【】、【】。

25．jQuery中id名为“box”的元素使用on方法为自身绑定了单击事件，如果要解绑该事件，代码为：【】。

26．在合并时，遇到同名的成员将会【】。

27．在HTML中，通过设置【】标签，来处理文件的乱码格式。

28．在httpd-vhost.conf文件中，使用【】表示配置一个虚拟主机。

29．Chrome开发者工具中【】面板可以查看元素属性或者修改元素属性和样式。

30．jQuery的预定义动画中，能让元素显示出来的方法有：【】、【】、【】。

得分简答题（每题8分，共计40分）31．animate方法的第一个参数的含义是什么，能设置的参数主要有哪些。

32．请简单的介绍几个常用的界面组件，主要用途进行简单介绍。

33．请简述“<button id="btn1">上滑</button><button id="stp">停止</button><divstyle="width:500px;height:600px;background-color:red"></div>$("#stp").click(function() {$("div").stop();});$("#btn1").click(function(){$("div").slideUp(2000);})”这段代码运行效果，并说明原因。

34．请简述Ajax和服务器交互的形式。

35．简述jQuery对象方法插件和jQuery静态方法插件的区别。

答案单选题（每题2分，共计30分）1．B2．D3．B4．D5．A6．C7．D8．A9．C10．D11．A12．B13．B14．D15．C多选题（每题2分，共计10分）16．A,B,C,D 17．A,B18．A,B,C19．A,C,D20．A,B,C,D填空题（每题2分，共计20分）21．【next()】22．【data-icon】23．【:has(selector)】24．【styles】【speed】【callback】25．【$("#box").off("click)】26．【覆盖】27．【<meta charset="UTF-8">】28．【<VirtualHost……</VirtualHost>】29．【Elements面板】30．【slideDown】【show】【fadeIn】简答题（每题8分，共计40分）31．正确答案：表示元素需要改变的样式目标值，可以是样式名和样式值或表达式组成的对象，元素会以动画的形式改变为目标值。

32．正确答案：表单组件、menu组件、messager组件、datagrid组件等 1.表单组件与表单相关的组件，不仅提供多种方法来执行带有表单字段的动作（Ajax提交、加载等），还提供了提交表单时的验证功能，以及常用的表单组合（组合树、数字微调器等）。

2.menu组件menu组件提供了类似编辑器中菜单栏的功能，每个菜单是由多个菜单项组成的，可用于导航和执行命令的选择等。

3.messager组件提供了不同样式的消息框，例如警示、确认、提示、进度等相关的消息框。