jquery考试题.docx
《jquery考试题.docx》由会员分享,可在线阅读,更多相关《jquery考试题.docx(11页珍藏版)》请在冰豆网上搜索。
jquery考试题
1.下面哪种不是jquery的选择器(D)
2.A、基本选择器B、后代选择器C、类选择器D、进一步选择器
3.当DOM加载完成后要执行的函数,下面哪个是正确的(C)
4.(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements)
5.下面哪一个是用来追加到指定元素的末尾的()
6.A、insertAfter()B、append()C、appendTo()D、after()
7.下面哪一个不是jquery对象访问的方法(D)
8.A、each(callback)B、size()C、index(subject)D、index()
9.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的(B)
10.A、visibleB、hiddenC、visible()D、hidden()
11.如果需要匹配包含文本的元素,用下面哪种来实现(B)
12.A、text()B、contains()C、input()D、attr(name)
13.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素(C)
14.A、text()B、get()C、eq()D、contents()
15.下面哪种不属于jquery的筛选(B)
16.A、过滤B、自动C、查找D、串联
17.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的(D)
、CappendTo(content)、Bappend(content)、18.A.
insertAfter(content)D、after(content)
19.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的(C)
A、delete()B、empty()C、remove()D、removeAll()
20.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的(C)
21.A、firstB、eq
(1)C、css(name)
22.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的(A)
23.A、width()B、width(val)C、widthD、innerWidth()
24.为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的(B)
Bindoneunbindtrigger
A、trigger(type)B、bind(type)C、one(type)
25.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现(D)
26.A、hover(over,out)B、keypress(fn)C、change()D、change(fn)
27.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现(C)
28.A、click(fn)B、change(fn)C、select(fn)D、bind(fn)
29.在jquery中想要实现通过远程httpget请求载入信息功能的是(C)
下面的哪一下事件.
30.A、$.ajax()B、load(url)C、$.get(url)D、$.getScript(url)
31.下面不属于ajax事件的是(C)
32.A、ajaxComplete(callback)B、ajaxSuccess(callback)C、$.post(url)D、ajaxSend(callback)
33.使用jquery检查元素在网页上是否存在。
(B)
A:
if($(#id)){.}
B:
if($(#id).length>0){.}
C:
if($(#id).length()>0){.}
D:
if($(#id).size>0){.}
19.温家宝出席学校...>新闻,获取元素title的属性值。
(C)
A:
$(a).attr(itle).val();B:
$(#a).attr(itle);
C:
$(a).attr(itle);D:
$(a).attr(itle).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.页面中有三个元素,如下:
div标签
span标签p标签
,如果这三个标签要触发同一个事件,那么正确的写法是(A)。
A:
$(div,span,p).click(function(){lick(function(){lick(function(){lick(function(){面中有一个select标签,代码如下:
选项一
选项二
选项三
选项四
,要使“选项四”选中的正确写法。
(AB)
A:
?
?
敳屬?
慶?
选项四);
B:
$(#sel).val();
C:
$(#sel>option:
eq(4)).checked;
D:
$(#seloption:
eq(4)).attr(selected);
23.页面中有一个性别单选按钮,请设置”男”为选中状态。
代码如下:
adioname=sex>男
adioname=sex>女正确的是(D)
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($(香蕉));是给追加节点。
ul
C:
$(%ulli:
eq
(1)).remove();是删除ul下“橘子“那个节点。
D:
以上说法都不对
25、页面有一个amename=
ame
value=\/>元素,动态设置该元素的值。
正确的选项是。
(A)
A:
?
?
慮敭?
瘮污尨动态设值);
B:
?
?
慮敭?
琮硥?
动态设值);
C:
?
?
慮敭?
栮浴?
动态设值);
==innerHTML
D:
?
?
慮敭?
瘮污敵尨动态设值);
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(ackground,%url(img/)是设置样式的.
28、在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的(B)
A:
nextAll([expr])B:
siblings([expr])
C:
next()D:
find([expr])
29、下面选项中哪一个是和$(#foo)等价的写法。
(D)
A:
$(
oo#)B:
$(#
oo)
C:
$(
oo)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:
$(\);B:
$(div.big);
C:
$(div:
contains('大字体'));D:
$(
orm>);
)ABDF中表单的对象属性(jquery、下面哪几种是5.
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);时,页面代码会动态加载为I
would
like
to
say:
Hello
。
当执行$(p).affter(Hello);时,页面代码会动态加载为
I
wouldliketosay:
Hello。
2、请写出页面元素的动态显示和隐藏操作代码。
假设页面有查看按钮,要控制查看按钮的可见性:
祴数尽畢瑴湯?
摩尽畱牥屹瘠污敵尽查看\/>,设置按钮不可见:
$(#query).hide();或者$(#query).css(display,
one);
设置按钮可见:
$(#query).show();或者$(#query).css(display,lock);
3、执行下面代码:
$(document).ready(function(){
vararray=['墨家','墨子'];
varstr=[;
$.each(array,function(parm1,parm2){
parm2
+parm2:
+,+parm1+{parm1:
+=str
+},;
});
str=(0,-1)+];
alert(str);
});
rm1:
1,parm2:
'墨子'}]请写出打印结果[{parm1:
0,parm2:
'墨家4.现有一个表格,如果想要匹配所有行数为偶数的,用___odd_____实现,奇数的用__even_____实现。
5、执行下面代码:
$(document).ready(function(){
alert(result);
});
写出result结构{name:
'T
6、jquery访问对象中的size()方法的返回值和jQuery对象的属性一样.
7、jquery中$(this).get(0)的写法和_$(this)[0]________是等价的。
8、在一个表单里,想要找到指定元素的第一个元素用__first___实现,那么第二个元素用____eq(0)_____实现。
9、在jquery中,用一个表达式来检查当前选择的元素集合,使用_is()_____来实现,如果这个表达式失效,则返回___false___值。
如果想要获取指定元素在当前窗口的相对偏、在编写页面的时候,10.
移,用___offset____来实现,该方法的返回值有两个属性,分别是和。
11、在一个表单中,如果将所有的div元素都设置为绿色,实现功能是___$(div).css(color,green);___愮摤汃獡?
样式);___。
12、在jquery中,鼠标移动到一个指定的元素上,会触发指定的一个方法,实现该操作的是_$(p).hover(fun1,fun2)____________。
13、在jquery中,想让一个元素隐藏,用___hide()_____实现,显示隐藏的元素用__show()__实现。
14、在一个表单中,用600毫秒缓慢的将段落滑上,?
元素).slideUp(slow)___来实现。
15、在jquery中,如果想要自定义一个动画,用___animate(params,options_____函数来实现.
16、用jquery来实现动态添加和删除表格行,在一个表单中,查找所有选中的input元素,可以用jquery中的()______来实现。
并写出实例代码:
17、用jQuery实现效果如下:
有用户名、密码框、清空按钮。
a.当用户获取文本框焦点时,如果文本框为默认值则清空,
b.失去焦点时,如果文本框为空值,则还原为默认值。
c.点击清空按钮后,将文本框为全部置为默认值。
18、写出jQuery选择器的分类,及每类选择器下常用选择器用法
方式传送数据有何不同写出实例结果与分post与get中jQuery、19.
析。
$.get('=1',{v2:
2},function(data)
{
$('
').append(data).appendTo('body');
});
});
GET方式发送结果:
V1,
V2
$.post('=1',{v2:
2},function(data)
{
$('
').append(data).appendTo('body');
});
});
POST方式发送结果:
POST:
V2
GET:
V1
20、简述jQuery中ajax传送数据常用参数,并写出小实例并加注释阐明。
$.ajax({
Url:
数据要处理页面,
传送方式Type:
})