jQuery测试错题解析
Posted Tony_copper
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery测试错题解析相关的知识,希望对你有一定的参考价值。
1.
javascript中实现回车切换效果是利用了event对象的( )属性。
A.Tab B.keyCode C.KeyCode D.KeyDown
解析:实现回车切换效果是keyCode属性。故选B。
2.
A.onFocus B.onBlur C.onChange D.onClick
解析:使用onBlue事件可以实现鼠标离开文本框,blur是失去焦点时发生,故选B。
3.
A.$("div span") B.$("div>span") C.$("div+span") D.$("div~span")
解析:获取所有选择器,应选用后代选择器。故选A。
4.
A.$("p div #wrap").addClass("bgRed") B.$("p,div,#wrap").addClass("bgRed")
C.$("p,div,#wrap").css("bgRed") D.$("p.div.#wrap").addClass(".bgRed")
解析:同时为几个元素添加相同样式可以使用并集选择器,其语法是各个选择器之间用“,”分隔,用双引号将所有元素包裹起来,而为元素添加类样式,可以使用addClass(),需要注意的是括号里的参数(类样式)不需要带“.”,故选B。
5.
A.$("li[type=‘i‘]").text() B.$("[type=‘i‘]").text() C.$("li]").eq(1).text() D.$("ul>li").eq(0).text()
解析:不能实现的是D选项,故选D。
6.
A.$(".from :text").css("backgroud","#f8f8f8") B.$(".from:text").css("backgroud":"#f8f8f8")
C.$(".from :file").css("backgroud","#f8f8f8") D.$(".from :password").css("backgroud","#f8f8f8")
解析:获取.form包含的所有文本输入框使用选择器$(".form :text"),使用css()设置单个css属性时,属性名和属性值分别用双引号引起来,两者之间用“,”隔开,故选A。
7.
A.$("ol>li[type!=‘i‘]").text() B.$("ol li:last").text() C.$("li").eq(1).text() D.$("ul>li").eq(1).text()
解析:C选项返回“国内新闻”;D选项返回“产品”。故选AB。
8.
A.$("div").text("<p>hello word</p>"); B.$("div").html("<p>hello word</p>");
C.$("div").replaceWith("<p>hello word</p>"); D.$("div").innerHTML=("<p>hello word</p>");
解析:A选项中text()方法只能插入文本内容;C选项错误,replace()方法会替换掉div 标签;D选项错误,jQuery对象不能直接使用DOM对象的方法或属性。故选B。
9.
A.$("td").eq(0).text() B.$("td").first().text() C.$("td:hidden").text() D.$("td:visible").text()
解析:不能的是D选项,会返回“Value 2”,故选D。
10.
A.visible B.hidden C.visible() D.hidden()
解析:hidden匹配所有不可见元素,或者type为hidden的元素,visible匹配所有的可见元素,故选B。
11.
A.jQuery事件总体分为两大类:简单事件和复合事件 B.复合事件组合了用户操作,并能以多个函数作为响应
C.元素获得焦点时触发onfocus属性注册事件,失去焦点时将触发onBlur属性注册的事件 D.为元素同时绑定一个或多个事件时,可以调用binging方法
解析:D选项中为元素同时绑定一个或多个事件时,可以调用bind()方法,故选D。
12.
A.$("img[src$=‘.gif‘]") B.$("img") C.$("[class][title]") D.$("div>span")
解析:A,C项都是属性选择器。 B项是标签选择器,D是层次选择器。 故选AC。
13.
A.$("input[name=‘email‘]").val() B.$("input:disabled‘]").val() C.$("inputemail").val() D.$(":disabled").val()
解析:C选项错误。
14.
A.<div style="display:none">阳光总在风雨后</div> B.<input type="hidden" value="36"/>
C.<p style="visibility:hidden">程序猿,欢乐多</p> D.<div style="display:inherit">人工智能</div>
解析::hidden选择器可以获取到display:none, visibility: hidden 以及input隐藏域元素,所以A,B,C均是正确的,D中设置的display:inherit表示显示状态继承父类,故选D。
15.
A.
$("input[type=button]").chick(function(){
$("#form input[name]").attr("disabled",null);
});
B
.$("button").chick(function(){
$("[name=name]").attr("disabled",null);
});
C.
$("#form input[type=button]").chick(function(){
$("#form input[name=name]").attr("disabled",null);
});
D.
$("type=button").chick(function(){
$("name=name").attributes("disabled",null);
});
解析:A中$("#form input[name]")会获取所有含有name属性的元素,B没有使用button标签,使用$("button")获取不到“修改”按钮,C符合题干,能实现题干的要求,因此选C,D中$("type=button")存在语法错误,应使用“[]”将type=button包裹起来,此外设置属性的方法不是attributes(),而是attr()。故选C。
16.
A.$(".newList li:odd").css("background","#ddd"); B.$(".newList li:even").css("background","#ddd");
C.$(".newList li:eq(even)").css("background","#ddd"); D.$(".newList :even").css("background","#ddd");
解析:A获取到的是索引值为奇数的所有元素。C中:eq(index)选择器中的index是索引值,一次仅能获取一个元素,无此种语法。D获取到的是.newsList元素本身,即ul。故选B。
17.
A.$(productTab tr td:last).css("background","#ddd") B.$(productTab tr:gt(2).css("background","#ddd")
C.$(productTab tr:eq(3)).css("background","#ddd") D.$(productTab tr:last).css("background","#ddd")
解析:B,C,D都又效果,只有A选项只显示单个单元格,故选A。
18.
A.$("li:eq(3)") B.$("li:lt(1)"); C.$("li:odd"); D.$("li:gt(1)");
解析:A答案是选择索引为3的,索引从0开始,不正确。B答案选择索引小于1的,不正确。C答案选择索引为基数的,不正确。D答案选择索引大于1的,该处值为索引2,所以正确。故选D。
19.
A.1,2 B.2,3 C.3,4 D.5
解析:addClass()是无法添加样式的。故选D。
20.
A.$(".content .content") B.$("p .content .content") C.$(".content") D.$("p.content .content")
解析:A获取到的是content类下的class属性名为content的元素。B获取的是P元素下类名为content,切其类中类名含有content的元素。C选项获取的是所有类名为content的元素。故选D。
21.
A.$("input[name=btn1]").unbind("click",function() B.$("input[name=btn1]").add("click",function()
C.$("input[name=btn1]").bind("click",function() D.$("input[name=btn1]").move("click",function()
解析:bind能够实现按钮绑定,故选C。
22.
A.1处填$("#menuBtn").text ,2处填$(".goods-class li:gt(1)") B.1处填$("#menuBtn").html,2处填$(".goods-class li:lt(1)")
C.1处填$("#menuBtn").text ,2处填$(".goods-class li:eq(2)") D.1处填$("#menuBtn").html,2处填$(".goods-class li:gt(1)")
解析:text和html都可以获取元素中的文本,html会连标签一起获取。第一个选择器获取到的是大于索引值的元素,第二个选择器获取到的是小于索引值的元素,第三个选择器获取到的是等于索引值的元素,故选A。
23.
A.
function myKeyDown(){
if(window.keyCode==13)
elart("你按下了回车键");
}
B.
function myKeyDown(){
if(document.keyCode==13)
elart("你按下了回车键");
}
C.
function myKeyDown(){
if( event.keyCode==13)
elart("你按下了回车键");
}
D.
function myKeyDown(){
if( keyCode==13)
elart("你按下了回车键");
}
解析:event表示键盘事件的事件源,故选C。
以上是关于jQuery测试错题解析的主要内容,如果未能解决你的问题,请参考以下文章