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。