完整word版jquery考试题.docx
- 文档编号:23588387
- 上传时间:2023-05-18
- 格式:DOCX
- 页数:10
- 大小:19.12KB
完整word版jquery考试题.docx
《完整word版jquery考试题.docx》由会员分享,可在线阅读,更多相关《完整word版jquery考试题.docx(10页珍藏版)》请在冰豆网上搜索。
完整word版jquery考试题
1.下面哪种不是jquery的选择器?
(D)
A、基本选择器B、后代选择器C、类选择器D、进一步选择器
2.当DOM加载完成后要执行的函数,下面哪个是正确的?
(C)
A.jQuery(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements)
3.下面哪一个是用来追加到指定元素的末尾的?
()
A、insertAfter()B、append()C、appendTo()D、after()
4.下面哪一个不是jquery对象访问的方法?
(D)
A、each(callback)B、size()C、index(subject)D、index()
5.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?
(B)
A、visibleB、hiddenC、visible()D、hidden()
6.如果需要匹配包含文本的元素,用下面哪种来实现?
(B)
A、text()B、contains()C、input()D、attr(name)
7.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?
(C)
A、text()B、get()C、eq()D、contents()
8.下面哪种不属于jquery的筛选?
(B)
A、过滤B、自动C、查找D、串联
9.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?
(D)
A、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)
10.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?
(C)
A、delete()B、empty()C、remove()D、removeAll()
11.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?
(C)
A、firstB、eq
(1)C、css(name)
12.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?
(A)
A、width()B、width(val)C、widthD、innerWidth()
13.为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的?
(B)
Bindoneunbindtrigger
A、trigger(type)B、bind(type)C、one(type)
14.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现?
(D)
A、hover(over,out)B、keypress(fn)C、change()D、change(fn)
15.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现?
(C)
A、click(fn)B、change(fn)C、select(fn)D、bind(fn)
16.在jquery中想要实现通过远程httpget请求载入信息功能的是下面的哪一下事件?
(C)
A、$.ajax()B、load(url)C、$.get(url)D、$.getScript(url)
17.下面不属于ajax事件的是?
(C)
A、ajaxComplete(callback)B、ajaxSuccess(callback)C、$.post(url)D、ajaxSend(callback)
18.使用jquery检查
(B)
A:
if($("#id")){//dosomeing...}
B:
if($("#id").length>0){//dosomeing...}
C:
if($("#id").length()>0){//dosomeing...}
D:
if($("#id").size>0){//dosomeing...}
19.
(C)
A:
$("a").attr("title").val();B:
$("#a").attr("title");
C:
$("a").attr("title");D:
$("a").attr("title").value;
执行下面语句
$(document).ready(function(){
$("#click").click(function(){
alert("clickonetime");
});
$("#click").click(function(){
alert("clicktwotime");
});
});
20.单击按钮
(C)
A:
弹出一次对话框,显示clickonetime。
B:
弹出一次对话框,显示clicktwotime。
C:
弹出两次对话框,依次显示clickonetime,clicktwotime。
D:
js编译错误。
21.页面中有三个元素,如下:
p标签
,如果这三个标签要触发同一个事件,那么正确的写法是(A)。A:
$("div,span,p").click(function(){//…});
B:
$("div||span||p").click(function(){//…});
C:
$("div+span+p").click(function(){//…});
D:
$("div~span~p").click(function(){//…});
22.页面中有一个select标签,代码如下:
,要使“选项四”选中的正确写法。
(AB)
A:
$("#sel").val("选项四");
B:
$("#sel").val("4");
C:
$("#sel>option:
eq(4)").checked;
D:
$("#seloption:
eq(4)").attr("selected");
23.页面中有一个性别单选按钮,请设置”男”为选中状态。
代码如下:
A:
$("sex[0]").attr("checked",true);
B:
$("#sex[0]").attr("checked",true);
C:
$("[name=sex]:
radio").attr("checked",true);
D:
$(":
radio[name=sex]:
eq(0)").attr("checked",true);
24、在页面中有一个ul元素,代码如下:
(D)
A:
var$li=$("
B:
$("ul").after($("
C:
$("ulli:
eq
(1)").remove();是删除ul下“橘子“那个节点。
D:
以上说法都不对
25、页面有一个
正确的选项是。
(A)
A:
$("#name").val("动态设值");
B:
$("#name").text("动态设值");
C:
$("#name").html("动态设值");
==innerHTML
D:
$("#name").value("动态设值");
26、下面说法不正确的是(A)
A:
$(":
hidden")选取的type类型是hidden的不可见元素。
B:
$("div>span")选取
C:
$("div:
first")选取所有
D:
$("input:
gt
(1)")选取索引值大于1的元素。
27、下面说法不正确的是(D)
A:
$("input:
checked")选取所有被选中的元素
B:
$("#form:
disabled")选取id为form的表单内的所有不可用元素
C:
$("#name").is(":
visible")是判断id为name的元素的可见性
D:
$("div").addClass("background","url(img/up.gif)")是设置样式的
28、在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的(B)
A:
nextAll([expr])B:
siblings([expr])
C:
next()D:
find([expr])
29、下面选项中哪一个是和$("#foo")等价的写法。
(D)
A:
$("foo#")B:
$(#"foo")
C:
$("foo")D:
jQuery("#foo")
30、在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的?
(C)
A、removeClass()B、deleteClass()C、toggleClass(class)D、addClass()
31、在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?
(C)
A、eq(index)B、find(expr)C、siblings([expr])D、next()
多选:
1、获取
(BC)
A:
$("#content").val();B:
$("#content").html();
C:
$("#content").text();D:
$("#content").innerHTML();
2、案例代码如下
请用jquery选择器选取username文本框输入值的内容:
(ABCD)
A:
$("#username").val();
B:
$("input")[0].value;
C:
$("input[name=username]").val();
D:
$(":
input[name=username]").val();
4、案例代码如下:
请选取文本是"大字体"的div对象。
(ACD)
A:
$("div.big");B:
$("div.big");
C:
$("div:
contains('大字体')");D:
$("form>div.big");
5、下面哪几种是jquery中表单的对象属性?
(ABDF)
A、:
checkedB、:
enabledC、:
hiddenD、:
selectedE、:
fileF、:
disabled
6、下面哪几个不是属于jquery的事件处理?
(BC)
A、bind(type)B、click()C、change()D、one(type)
填空:
1、假设页面有
Iwouldliketosay:
一个元素,当执行$("p").append("Hello");时,页面代码会动态加载为Iwouldliketosay:
Hello
。当执行$("p").affter("Hello");时,页面代码会动态加载为
Iwouldliketosay:
Hello。2、请写出页面元素的动态显示和隐藏操作代码。
假设页面有查看按钮,要控制查看按钮的可见性:
$("#query").hide();或者$("#query").css("display","none");设置按钮可见:
$("#query").show();或者$("#query").css("display","block");
3、执行下面代码:
$(document).ready(function(){
vararray=['墨家','墨子'];
varstr="[";
$.each(array,function(parm1,parm2){
str+="{parm1:
"+parm1+","+"parm2:
"+parm2+"},";
});
str=str.substring(0,str.length-1)+"]";
alert(str);
});
请写出打印结果[{parm1:
0,parm2:
'墨家'},{parm1:
1,parm2:
'墨子'}]
4.现有一个表格,如果想要匹配所有行数为偶数的,用___odd_____实现,奇数的用__even_____实现。
5、执行下面代码:
$(document).ready(function(){
varresult=$.extend({},{name:
"Tom",age:
21},{sex:
"boy",age:
27,email:
"ydw@"});
alert(result);
});
写出result结构{name:
'Tom',age:
27,sex:
'boy',email:
'ydw@'}
6、jquery访问对象中的size()方法的返回值和jQuery对象的___.length____属性一样.
7、jquery中$(this).get(0)的写法和_$(this)[0]________是等价的。
8、在一个表单里,想要找到指定元素的第一个元素用__first___实现,那么第二个元素用____eq(0)_____实现。
9、在jquery中,用一个表达式来检查当前选择的元素集合,使用_is()_____来实现,如果这个表达式失效,则返回___false___值。
10、在编写页面的时候,如果想要获取指定元素在当前窗口的相对偏移,用___offset____来实现,该方法的返回值有两个属性,分别是_offset.top_______和____offset.left______。
11、在一个表单中,如果将所有的div元素都设置为绿色,实现功能是___$("div").css("color","green");___.addClass("样式");___。
12、在jquery中,鼠标移动到一个指定的元素上,会触发指定的一个方法,实现该操作的是_$("p").hover(fun1,fun2)____________。
13、在jquery中,想让一个元素隐藏,用___hide()_____实现,显示隐藏的元素用__show()__实现。
14、在一个表单中,用600毫秒缓慢的将段落滑上,$("元素").slideUp("slow")___来实现。
15、在jquery中,如果想要自定义一个动画,用___animate(params,options_____函数来实现.
16、用jquery来实现动态添加和删除表格行,在一个表单中,查找所有选中的input元素,可以用jquery中的___.not()______来实现。
并写出实例代码:
17、用jQuery实现效果如下:
有用户名、密码框、清空按钮。
a.当用户获取文本框焦点时,如果文本框为默认值则清空,
b.失去焦点时,如果文本框为空值,则还原为默认值。
c.点击清空按钮后,将文本框为全部置为默认值。
18、写出jQuery选择器的分类,及每类选择器下常用选择器用法
19、jQuery中get与post方式传送数据有何不同?
写出实例结果与分析。
$.get('jquery_data.php?
v1=1',{v2:
2},function(data)
{
$('
').append(data).appendTo('body');});
});
GET方式发送结果:
V1,
V2
$.post('jquery_data.php?
v1=1',{v2:
2},function(data)
{
$('
').append(data).appendTo('body');});
});
POST方式发送结果:
POST:
V2
GET:
V1
20、简述jQuery中ajax传送数据常用参数,并写出小实例并加注释阐明。
$.ajax({
Url:
数据要处理页面,
Type:
传送方式
})
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 完整 word jquery 考试题