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、label
B、optgroup
C、select
D、option
4.在使用tree组件时,dnd属性和lines属性设置为true分别代表()含义。
A、显示横线条显示竖线条
B、显示竖线条显示横线条
C、表示可拖动表示可拖拽
D、表示可拖动表示显示竖线条
5.下列哪种方法不可以让元素设置为不可见()
A、fadeIn
B、fadeOut
C、fadeTo
D、hide
总分题型单选题多选题填空题简答题题分
得分
6.在jQuery Mobile列表视图中,可以将任意大小的图片自动缩放到()像素,展示到列表中。
A、60
B、70
C、80
D、90
7.跟jQuery相继诞生的JavaScript库还有很多,不包括()
A、Prototype
B、ExtJS
C、YUI
D、node.js
8.下面选项中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、mouoseover
D、change()
13.jQuery Mobile选择菜单中,若开发需要将选择菜单中的某个选项设置为不可用的状态,则在option 元素的开始标签中直接添加“disabled="()"”属性即可。
A、undefind
B、disabled
C、false
D、null
14.代码“$("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、symbolSize
B、bottom
C、label
D、expandAndCollapse
18.下列关于通过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.请简述“
style="width:500px;height:600px;background-color:red">
$("div").stop();
});
$("#btn1").click(function(){
$("div").slideUp(2000);
})”这段代码运行效果,并说明原因。34.请简述Ajax和服务器交互的形式。
35.简述jQuery对象方法插件和jQuery静态方法插件的区别。
答案
单选题(每题2分,共计30分)1.B
2.D
3.B
4.D
5.A
6.C
7.D
8.A
9.C
10.D
11.A
12.B
13.B
14.D
15.C
多选题(每题2分,共计10分)16.A,B,C,D 17.A,B
18.A,B,C
19.A,C,D
20.A,B,C,D
填空题(每题2分,共计20分)
21.【next()】
22.【data-icon】
23.【:has(selector)】
24.【styles】【speed】【callback】
25.【$("#box").off("click)】
26.【覆盖】
27.【】
28.【
29.【Elements面板】
30.【slideDown】【show】【fadeIn】
简答题(每题8分,共计40分)
31.正确答案:表示元素需要改变的样式目标值,可以是样式名和样式值或表达式组成的对象,元素会以动画的形式改变为目标值。
32.正确答案:表单组件、menu组件、messager组件、datagrid组件等 1.表单组件与表单相关的组件,不仅提供多种方法来执行带有表单字段的动作(Ajax提交、加载等),还提供了提交表单时的验证功能,以及常用的表单组合(组合树、数字微调器等)。2.menu组件menu组件提供了类似编辑器中菜单栏的功能,每个菜单是由多个菜单项组成的,可用于导航和执行命令的选择等。3.messager
组件提供了不同样式的消息框,例如警示、确认、提示、进度等相关的消息框。所有的消息框都是异步的,用户可在与消息框交互后使用回调函数来完成一些动作。4.datagrid组件用于以数据网格形式显示数据,并为其提供了排序、分组、编辑数据等操作。
33.正确答案:点击上滑按钮,元素开始向运动,点击停止按钮后元素停止运动
34.正确答案:Ajax方式向服务器发出请求,会得到数据后再通过DOM操作来修改页面内容以更新页面,整个过程不会发生页面跳转或刷新操作。
35.正确答案:1、在封装时jQuery对象方法插件使用“$.fn.插件名”,jQuery静态方法插件使用“$.
插件名”的方式;2、在使用时jQuery对象方法插件可以被jQuery对象调用,为jQuery静态方法插件只能被“$”对象调用
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、label B、optgroup C、select D、option 4.在使用tree组件时,dnd属性和lines属性设置为true分别代表()含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5.下列哪种方法不可以让元素设置为不可见() A、fadeIn B、fadeOut C、fadeTo D、hide 总分题型单选题多选题填空题简答题题分 得分
6.在jQuery Mobile列表视图中,可以将任意大小的图片自动缩放到()像素,展示到列表中。 A、60 B、70 C、80 D、90 7.跟jQuery相继诞生的JavaScript库还有很多,不包括() A、Prototype B、ExtJS C、YUI D、node.js 8.下面选项中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()
jQuery入门教程(很不错)
jQuery入门[1]-构造函数 https://www.360docs.net/doc/0011834309.html,/archive/2008/03/05/1091816.html jQuery优点 ?体积小(v1.2.3 15kb) ?丰富的DOM选择器(CSS1-3 + XPath) ?跨浏览器(IE6,FF,Safari,Opera) ?链式代码 ?强大的事件、样式支持 ?强大的AJAX功能 ?易于扩展,插件丰富 jQuery的构造函数接收四种类型的参数: jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式(ID,DOM元素名,CSS表达式,XPath表达式)找出文档中的元素,并组装成一个jQuery对象返回。 DEMO: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.360docs.net/doc/0011834309.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">