码迷,mamicode.com
首页 > Web开发 > 详细

jQuery测试错题解析

时间:2016-05-23 17:15:33      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:

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测试错题解析

标签:

原文地址:http://www.cnblogs.com/Tony-cheen/p/5520408.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!