zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Ubuntu下UFW防火墙简单设置
    ubuntu设置tomcat开机自动启动
    ubuntu16.04编辑器vi的使用
    Several ports (8005, 8080, 8009) required
    JavaScript检测浏览器(Firefox、IE)是否安装指定插件
    mongo 初级使用
    @Scheduled(cron = "0 0 * * * ?")实现定时任务
    Calendar时间类型数据设置
    Maven+STS工程中Maven Dependencies 文件夹丢失问题
    redis安装以及远程连接
  • 原文地址:https://www.cnblogs.com/Tony-cheen/p/5520408.html
Copyright © 2011-2022 走看看