本文编写于 117 天前,最后修改于 43 天前,其中某些信息可能已经过时。

1+x证书web前端开发jquery专项练习测试题

官方QQ群

1.下面哪种不是jquery的选择器?(D)
A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器

2.当DOM加载完成后要执行的函数,下面哪个是正确的?(C)

A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)

3.下面哪一个是用来追加到指定元素的末尾的?()
A、insertAfter() B、append() C、appendTo() D、after()

4.下面哪一个不是jquery对象访问的方法?(D)
A、each(callback) B、size() C、index(subject) D、index()

5.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?(B)
A、visible B、hidden C、visible() D、hidden()

6.如果需要匹配包含文本的元素,用下面哪种来实现?(B)
A、text() B、contains() C、input() D、attr(name)

7.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C)
A、text() B、get() C、eq() D、contents()

8.下面哪种不属于jquery的筛选?(B)
A、过滤 B、自动 C、查找 D、串联

9.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(D)

A、append(content) B、appendTo(content) C、insertAfter(content) D、after(content)

10.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(C)
A、delete() B、empty() C、remove() D、removeAll()

11.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?(C)
A、first B、eq(1) C、css(name)

12.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的? (A)

A、width() B、width(val) C、width D、innerWidth()

13.为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的? (B)
Bind one unbind trigger

A、trigger (type) B、bind(type) C、one(type) 

14.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? (D)

A、hover(over ,out) B、keypress(fn) C、change() D、change(fn)

15.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现?(C)

A、click(fn) B、change(fn) C、select(fn) D、bind(fn)

16.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件? (C)

A、$.ajax() B、load(url) C、$.get(url) D、$. getScript(url)

17.下面不属于ajax事件的是? (C)

A、ajaxComplete(callback) B、ajaxSuccess(callback) C、$.post(url) D、ajaxSend(callback)

18.使用jquery检查 input type="hidden" id="id" name="id" />元素在网页上是否存在。(B)

A:if($("#id")) {   //do someing...    }
B:  if($("#id").length > 0) {   //do someing...    }
C:  if($("#id").length() > 0) {   //do someing...    }
D:  if($("#id").size > 0) {   //do someing...    }

19.新闻,获取元素title的属性值。(C)

A:$("a").attr("title").val();         B:$("#a").attr("title");
C:$("a").attr("title");             D:$("a").attr("title").value;

执行下面语句

 $(document).ready(function(){
            $("#click").click(function(){
                alert("click one time");
            });
            $("#click").click(function(){
                alert("click two time");
            });
});

20.单击按钮<input type="button" id="click" value="点击我"/>,这个会有什么效果。(C)
A:弹出一次对话框,显示click one time 。
B:弹出一次对话框,显示click two time 。
C:弹出两次对话框,依次显示click one time,click two time。
D:js编译错误。

21.页面中有三个元素,如下:<div>div标签</div><span>span标签</span><p>p标签</p>,如果这三个标签要触发同一个事件,那么正确的写法是(A)。

  A:$("div,span,p").click(function(){   //…      });
  B:$("div || span || p").click(function(){   //…      });
  C:$("div + span + p").click(function(){   //…      });
  D:$("div ~ span ~ p").click(function(){   //…      });

22.页面中有一个select标签,代码如下:

<select id="sel">
          <option value="0">请选择</option>
          <option value="1">选项一</option>
          <option value="2">选项二</option>
          <option value="3">选项三</option>
          <option value="4">选项四</option>
 </select>

,要使“选项四”选中的正确写法。(AB)

  A:$("#sel").val("选项四");     
B:$("#sel").val("4");
  C:$("#sel > option:eq(4)").checked;
D:$("#sel  option:eq(4)").attr("selected");

23.页面中有一个性别单选按钮,请设置”男”为选中状态。代码如下:

<input type="radio" name="sex"> 男
<input type="radio" name="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 = $("<li title='香蕉'>香蕉</ii>"); 是创建节点。
  B: $("ul").after($("<li title='香蕉'>香蕉</li>")); 是给ul追加节点。
  C:$("ul  li:eq(1)").remove();是删除ul下“橘子“那个节点。
  D:以上说法都不对

25、页面有一个<input type="text" id="name" name="name" value=""/>元素,动态设置该元素的值。正确的选项是。 (A)

  A:$("#name").val("动态设值");
  B:$("#name").text("动态设值");
  C:$("#name").html("动态设值");
  D:$("#name").value("动态设值");

26、下面说法不正确的是(A)

  A:$(":hidden")选取<input>的type类型是hidden的不可见元素。
  B:$("div >span")选取<div>元素下元素名是<span>的子元素。
  C:$("div :first")选取所有<div>元素中第一个<div>元素。
  D:$("input:gt(1)")选取索引值大于1的<input>元素。

27、下面说法不正确的是 (D)

  A :$("input:checked")选取所有被选中的<input>元素
  B :$("#form:disabled")选取id为form的表单内的所有不可用元素
  C :$("#name").is(":visible")是判断id为name的元素的可见性
  D :$("div ").addClass("background","url(img/up.gif) ")是设置样式的

28、在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的 (B)

  A:nextAll([expr])                         B:siblings([expr])
  C:next()                                 D:find([expr])

29、下面选项中哪一个是和$("#foo")等价的写法。(D)

  A:$("foo#")                             B:$(#"foo")
  C:$ ("foo")                             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、获取<div id="content">内容…</div>标签里的文本内容。(BC )

A:  $("#content").val();       B:  $("#content").html();
C:  $("#content").text();      D:  $("#content").innerHTML();

2、案例代码如下

<body>
      <form>
          用户名:<input type="text" id="username" name="username" />
        密码:<input type="password" id="pwd" name=" pwd "/>
      </form>
</body>

请用jquery选择器选取username文本框输入值的内容:( ABCD )

 A: $("#username").val();
 B: $("input")[0].value;
 C: $("input[name=username]").val();
 D: $(":input[name=username]").val();

4、案例代码如下:

<body>
      <form>
          <div class="big">大字体</div>
          <div class="small">小字体</div>
      </form>
 </body>

请选取文本是"大字体"的div对象。( ACD )

  A:$("div.big");               B:$("div  .big");
  C:$("div:contains('大字体')");  D:$("form > div.big");

5、下面哪几种是jquery中表单的对象属性?( ABDF)

A、:checked B、: enabled C、:hidden D、:selected E、:file F、: disabled

6、下面哪几个不是属于jquery的事件处理? (BC)

A、bind(type) B、click() C、change() D、one(type)

1+x 证书 web 前端开发初级对应课程分析
http://blog.zh66.club/index.php/archives/194/

1+X 证书 Web 前端开发中级对应课程分析
http://blog.zh66.club/index.php/archives/195/

1+x证书Web前端开发初级理论考试样题2019
http://blog.zh66.club/index.php/archives/149/

1+x证书Web前端开发初级实操考试样题2019
http://blog.zh66.club/index.php/archives/150/

1+x证书Web前端开发中级理论考试样题2019
http://blog.zh66.club/index.php/archives/151/

1+x证书Web前端开发中级实操考试样题2019
http://blog.zh66.club/index.php/archives/152/

1+x 证书 Web 前端开发初级理论教案
http://blog.zh66.club/index.php/archives/322/

1+x 证书 Web 前端开发中级理论教案
http://blog.zh66.club/index.php/archives/320/

1+x 证书 Web 前端开发中级理论考试(试卷 1)
http://blog.zh66.club/index.php/archives/153/

1+x 证书 Web 前端开发中级理论考试(试卷 2 )
http://blog.zh66.club/index.php/archives/154

1+x 证书 Web 前端开发中级理论考试(试卷 3 )
http://blog.zh66.club/index.php/archives/170/

1+x 证书 Web 前端开发中级理论考试(试卷 4 )
http://blog.zh66.club/index.php/archives/191/

1+x 证书 Web 前端开发中级理论考试(试卷 5 )
http://blog.zh66.club/index.php/archives/297/

1+x 证书 Web 前端开发中级理论考试(试卷 6)
http://blog.zh66.club/index.php/archives/319/

1+x 证书 Web 前端开发初级理论考试(试卷 7 )
http://blog.zh66.club/index.php/archives/412/

1+x 证书 Web 前端开发初级理论考试(试卷 8 )http://blog.zh66.club/index.php/archives/414/

1+x 证书 Web 前端开发初级级理论考试(试卷 2 )
http://blog.zh66.club/index.php/archives/176/

1+x 证书 Web 前端开发初级级理论考试(试卷 3 )
http://blog.zh66.club/index.php/archives/299/

1+x 证书 Web 前端开发初级级理论考试(试卷 4 )
http://blog.zh66.club/index.php/archives/315/

《Web 前端开发》等级考试样题~以国家 “1+X” 职业技能证书为标准,厚溥推出 Web 前端开发人才培养方案
http://blog.zh66.club/index.php/archives/156/

pdf版查看链接三套完整版
http://blog.zh66.club/usr/uploads/2019/12/4294434490.pdf
http://blog.zh66.club/usr/uploads/2019/12/2430725541.pdf
http://blog.zh66.club/usr/uploads/2019/12/761774577.pdf