试题库
单位：北网二分院  专业方向：H5
科目：Web前端HTML5课程
命题老师：曾妮  教研室负责人：王云
题型：一填空题、二单选题、三多选题、四判断题、五名词解释题、六辨题、七简单题、八论述题、九材料分析题  （九类题型在本课程题库中都要涉及到）
单选80题
1、让当前页面的背景为蓝，应该使用哪一句代码来描述此种设置：
  正确答案：D
A  bgcolor="blue"
B  backcolor="blue"
C  bgground="blue"
D  background="blue"
2、创建XMLHttpRequest对象的语法正确的是：：
  正确答案：D
A  var xmlHttp = test XMLHttpRequest();
B  var xmlHttp =XMLHttpRequest();
C  以上都不正确
D  var xmlHttp = new XMLHttpRequest();
3、xmlhttp.open("GET","",true)以上代码中true表示：：
  正确答案：B
A  同步
B  异步
C  以上都不正确
D  不确定
4、AJAX中 XMLHttpRequest对象有（    ）个状态值 ：
  正确答案：B
A  6
B  5
C  4
D  3
5、xmlhttp.open("GET","test1.json",false)以上代码中false表示：：
  正确答案：D
A  异步
B  不确定
C  以上都不正确
D  同步
6、当readyState值为2时，说明：：
  正确答案：A
A  请求已发送（这里通常可以从响应得到内容头部）
B  请求已提出（调用 send() 之前）
C  请求未初始化
D  服务器连接已建立
7、如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头：：
  正确答案：B
A  setRequestHeader("Connection", "close");
B  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
C  setRequestHeader("Content-length", paramsSend.length);
D  以上都不正确
8、以下获取服务器响应中，获得 XML 文档对象形式的响应数据的属性是 ：：
  正确答案：C
A  responseText
B  responsetext
C  responseXML
D  responsexml
9、readyState为3表示：：
  正确答案：D
A  请求处理前
B  请求处理后
C  请求完成
D  请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
10、readyState属性值说法正确的有：：
  正确答案：C
A  以上都不正确
B  1: 请求未初始化
C  2: 请求已接收
D  3: 服务器连接已建立
11、CSSStyleSheet对象的href属性说法正确的是（）：
  正确答案：A
A  返回样式表的位置（URL），如果是内联样式表，则为 null。
B  以上都不对
C  返回样式表的位置（URL），如果是内联样式表，则为 false。
D  返回样式表的位置（URL），如果是内联样式表，则为 true。
12、JavaScript中用来获取元素在垂直方向上占用的空间大小的方法是（）：
  正确答案：C
A  offsetLeft
B  scrollTop
C  offsetTop
D  scrollLeft
13、toggle()表示:：
  正确答案：A
A  如果不存在类名就添加一个；否则，删除它
B  从元素的class属性中添加和清除一个类名
C  检测class属性中是否包含一个指定的类名。
D  以上都不正确
14、document.styleSheets[0].cssRule[0]，IE 中这个属性用：：
  正确答案：C
A  以上都不正确
B  deleteRule
C  rules
D  insertRule
15、计算样式的时候，如果元素不是绝对定位，查询top值时,返回：：
  正确答案：A
A  auto
B  null
C  数值
D  undefined
16、JavaScript中用来获取滚动条在垂直方向上距离的是（）：
  正确答案：B
A  offsetTop
B  scrollTop
C  offsetLeft
D  scrollLeft
17、contains()方法表示：：
  正确答案：A
A  检测class属性中是否包含一个指定的类名。
B  如果不存在类名就添加一个；否则，删除它
C  从元素的class属性中添加和清除一个类名
D  以上都不正确
18、CSSStyleSheet对象的disabled属性表示：：
  正确答案：B
A  以上都不正确
B  样式表是否被禁用
C  title属性值
D  样式表类型的字符串
19、通过style方式设置样式，样式的属性格式是：
  正确答案：B
A  大写
B  驼峰写法
C  小写
D  横杠相连
20、火狐浏览器获取非style中的元素样式可以用(    )属性：：
  正确答案：B
A  getsomputedstyle()
B  getComputedStyle()
C  currentstyle
D  currentStyle
21、通过（）方法获得集合中每个匹配元素的祖先元素：
  正确答案：D
A  closest()
B  parent()
C  parentAll()
D  parents()
22、查段落的父元素中每个类名为selected的父元素,写法正确的是？：
  正确答案：B
A  $("p").parent()
B  $("p").parent(".selected")
C  $("p").parent("selected")
D  $("p").parentAll(".selected")
23、prev()方法的作用是：
  正确答案：A
A  获取当前元素的前一个兄弟元素
B  关闭当前元素
C  跳出当前元素
D  获取当前元素的下一个兄弟元素
24、当元素有class样式时取消，没有时添加class样式可以通过（）方法实现？：
  正确答案：D
A  removeClass()
B  addClass()
C  triggerClass()
D  toggleClass()
25、在匹配的em元素中筛选出第二个em？：
  正确答案：D
A  $("em").eq(-2)
B  $("em").eq(2)
C  $("em").eq(0)
D  $("em").eq(1)
26、关于find（）与filter（）的区别以下描述正确的是：
  正确答案：B
A  find() 是在内存中筛选，filter（）是在所有页面元素中筛选
B  find()在元素内查后代元素，filter（）是在当前已获得结果中进行筛选
C  find()是在当前结果集中筛选，filter（）是在父级中筛选
D  find() 是在父级中筛选，filter（）是在当前已获得结果集中筛选
27、$(“div”).find(“em”;)与下面哪句功能一至？：
  正确答案：B
A  $("div>em")
B  $("div em")
C  $("div").has("em")
D  $("div").children().is("em")
28、从页面的所有div元素中筛选出id名为demo的div元素，写法正确的是？：
  正确答案：B
A  $("div").has("#demo")
B  $("div").filter("#demo")
C  $("div").eq("#demo")
D  $("div").find("#demo")
29、将a标签用div标签包裹起来的方法是？：
  正确答案：A
A  $("a").wrap("<div></div>")
B  $("a").wrap("div")
C  $("div").wrap("a")
D  $("a").wrap("<div>")
30、在父元素末端添加一个子元素用（）方法：
  正确答案：C
A  html()
B  after（）
C  append()
D  insertBefore（）
31、想要获取到img元素的src属性值，以下写法正确的是？：
  正确答案：B
A  $("img").getAttribute("src")
B  $("img").attr("src")
C  $("img").attr("src","")
D  $("img").getAttr("src")
32、以下对attr()的使用方法书写正确的是。：
  正确答案：D
A  $("div"):attr("name")
B  $("div").attr("name"="va")
C  $("div").attr("name":"va")
D  $("div").attr("name")
33、以下将#box的背景设为灰，且加5px的顶填充的写法，错误的是（    ）：
  正确答案：C
A  $('#box').css({'background':'#ccc','padding-top':'5px'})
B  $('#box').css('background','#ccc').css('paddingTop','5px')
C  $('#box').css('background':'#ccc','padding-top':'5px')
D  $('#box').css({'background':'#ccc','paddingTop':'5px'})
34、创建一个p元素，以下书写错误的是：
  正确答案：B
A  $("<p>")
B  $("p")
C  ateElement("p")
D  $("<p></p>")
35、获取所有被选中的复选框，以下写法正确的是（    ）：
  正确答案：D
A  $("input[type=radio]:checked")
B  $("input:checkbox")
C  $("input[checkbox]:disabled")
D  $("input[type=checkbox]:checked")
36、获取页面中所有jpg格式的图片，以下写法正确的是（  ）。：
  正确答案：A
A  $("img[src$=jpg]")
B  $("img[src^=jpg]")
C  $("img[src=jpg]")
D  $("img[src*=jpg]")
37、~选择器相当于jQuery中的哪个方法（      ）：
  正确答案：C
A  next()
B  prevAll()
C  nextAll()
D  prev()
38、（）方法可以触发匹配元素的特定事件，同时取消浏览器对此事件的默认操作。：
  正确答案：B
A  trigger()
B  triggerHandler（）
C  one()
D  bind()
39、one()功能描述正确的是？：
  正确答案：B
A  为元素绑定click事件
B  为元素绑定一次性的事件，即当事件触发一次后，立即被删除。
C  以上说法都不正确
D  为元素绑定特定事件
40、ready(fn)方法描述错误的是？：
  正确答案：A
A  在同一个页面中只允许使用一次$(document).ready()事件
B  是页面加载方法
C  在DOM载入就绪时立即调用fn函数
D  这个方法是window.load事件的替代方法
41、关于mouseenter的说法，正确的是：
  正确答案：B
A  与mouseenter效果相同
B  当鼠标指针进入元素时，会发生 mouseenter 事件。
C  和mouseover完全没有区别
D  与mousemove效果相同
42、以下哪句可以获取到class为“child"的元素的父级元素：
  正确答案：D
A  $(".child:parent")
B  $(".child").parentNode()
C  $(".child"):parent
D  $(".child").parent()
43、以下not()方法使用正确的是：
  正确答案：A
A  $("div").not(".div01")
B  not(".div01").$("div")
C  not("div:'div01'")
D  $("div").not()=="div01"
44、当单击段落元素时显示它的文本内容，以下哪句可以实现该功能？：
  正确答案：A
A  $("p").on("click",function(){alert($(this).text())})
B  $("p").on("onclick",function(){alert($(this).text())})
C  $("p").on("click",function(){())})
D  以上都不正确
45、以下对one()函数描述正确的是：
  正确答案：C
A  和on()没什么区别
B  可以删除已绑定的事件
C  给元素绑定一次性事件
D  可以代替live()使用
46、查p元素下的span子元素，以下写法正确的是？：
  正确答案：B
A  $("span p")
B  $("p").find("span")
C  $("span").find("p")
D  $("p").has("span")
47、筛选出已知$("#span01")的祖先元素中，class为“mainbox”的所有元素：
  正确答案：B
A  $("#span01").closest(".mainbox")
B  $("#span01").parents(".mainbox")
C  $("#span01").parent(".mainbox")
D  $("#span01").find(".mainbox")
48、使用jquery检查<input type="hidden" id="id" name="id"/>元素在网页上是否存在。：
  正确答案：B
A  if($("#id")) { // }
B  if($("#id").length > 0) { //}
C  if($("#id").size > 0) { // }
D  if($("#id").length() > 0) { //}
49、下面哪一个是用来追加到指定元素的末尾的？：
  正确答案：D
A  insertAfter()
B  after()
C  append()
D  appendTo()
50、在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？：
  正确答案：C
A  empty()
B  removeAll()
C  remove()
D  delete()
51、如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？：
  正确答案：D
A  insertAfter(content)
B  appendTo(content)
C  append(content)
D  after(content)
52、下面哪种不属于jquery的筛选？：
  正确答案：B
A  过滤
B  自动
C  串联
D  查
53、在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？：
  正确答案：B
A  css(name,value)
B  css(name)
C  first
D  eq(1)
54、如果想要到一个表格的指定行数的元素，用下面哪个方法可以快速到指定元素？：
  正确答案：D
A  contents（）
B  text()
C  get()
D  eq()
55、以下哪句代码可以实现在id为"next"元素前插入一个div元素？：
  正确答案：B
A  $("#next").append("<div></div>");
B  $("#next").before("<div></div>");
C  $("#next").insert("<div></div>");
D  $("#next").prependTo("<div></div>");
56、已知页面中有一个元素id为“xxx”，通过jquery将其删除，书写正确的是：
  正确答案：C
A  $("#xxx").clone()
B  delete().$("#xxx")
C  $("#xxx").remove()
D  $("#xxx").empty()
57、给页面中第一个span添加一个class,"testSpan",以下代码正确的是：
  正确答案：A
A  $("span").first().addClass("testSpan")
B  $("span").eq(1).addClass("testSpan")
C  $("span").first().css("testSpan")
D  $("span").last().hasClass("testSpan")
58、下面（）选择器可以获取到下拉列表的选中项？：
  正确答案：B
A  $("select:selected")
B  $("select option:selected")
C  $("select option:select")
D  $("select option:checked")
59、以下给div添加class的方法正确的是：
  正确答案：B
A  $("div").hasClass("cl")
B  $("div").addClass("cl")
C  $("div").css("cl")
D  $("div").removeClass("cl")
60、如果在做动画时，要同时改变多个属性，比如位置，透明度，宽高等，使用哪个方法最佳：
  正确答案：A
A  animate()
B  slideDown()
C  fadeToggle()
D  slideToggle()
61、如何阻止动画继续执行。：
  正确答案：B
A  remove()
B  stop()
C  toggle()
D  delete()
62、（）方法可以阻止事件冒泡？：
  正确答案：B
A  preventDefault()
B  stopPropagation()
C  return true
D  stop()
63、已知代码var $a=$("#a1"),$b=$("#b1"),$c=$("#c1");如果想将$c插入到$a的前面，以下代码正确的是。：
  正确答案：A
A  $a.before($c);
B  $c.appendTo($a);
C  $c.before($a);
D  $a.prependTo($c);
64、（）方法可以使元素重复切换样式？：
  正确答案：C
A  className()
B  addClass()
C  toggleClass()
D  removeClass()
65、下面哪种不属于jquery的筛选？：
  正确答案：D
A  过滤
B  串联
C  查
D  自动
jquery在一个元素后追加标签66、在鼠标事件中，获取鼠标相对于当前窗口可视区域的纵坐标位置，以下代码正确的是。：
  正确答案：B
A  event.offset().top
B  event.clientY
C  event.offsetTop
D  event.pageY
67、#box{width:10px;padding:5px;border:1px solid #ccc;margin:5px},$("#box").outerWidth()的返回结果是（  ）：
  正确答案：D
A  32
B  27
C  10
D  22
68、jQuery中的加号选择器相当于以下哪个方法（    ）：
  正确答案：A
A  next()
B  siblings()
C  nextAll()
D  prev()
69、nextAll()这个方法，也可以使用（  ）选择器来实现（  ）：
  正确答案：A
A  ~
B  >
C  空格
D  *
70、想要获取到select元素内被选中的option元素，以下书写正确的是？：
  正确答案：B
A  $("select").filter("option:selected")
B  $("select").find("option:selected")
C  $("select").is("option:selected")
D  $("select").has("option:selected")
71、#box{width:10px;padding:5px;border:1px solid #ccc;margin:5px},$("#box").outerWidth()的返回结果是（true）：
  正确答案：C
A  10
B  22
C  32
D  27
72、var defaults={
size:10,
name:"img",
count:8
}
var opt=$.extend({},defaults,{name:"pic",count:10,state:1}),console.log(defaults.state);的打印结果是（  ）：
  正确答案：B
A  pic
B  undefined
C  img
D  程序报错
73、var defaults={
size:10,
name:"img",
count:8
}
var opt=$.extend({},defaults,{name:"pic",count:10,state:1}),console.log(defaults.name);的打印结果是（  ）：
  正确答案：B
A  pic
B  img
C  undefined
D  程序报错
74、定义一个jQuery插件函数正确的写法是？：
  正确答案：A
A  $.fn.demo=function(){}
B  $.exent("demo")
C  $.event="demo"
D  $.demo
75、以下添加键盘事件代码正确的是：
  正确答案：A
A  $(document).bind("keyup")
B  $(document).bind("mouseup")
C  $(document).bind("click")
D  $(document).on("load")
76、给页面中ID为“div1”的元素的所有后代元素添加“click”事件，以下正确的是：
  正确答案：D
A  $("#div1").on("click")
B  $("#div1").next().on("click")
C  $("#div1").siblings().on("click")
D  $("#div1").find("*").on("click")
77、哪个标签适合定义导航：
  正确答案：A
A  nav
B  progress
C  article
D  aside
78、制作移动端页面哪个布局方式不适合？：
  正确答案：C
A  响应式 Responsive（使用 @media 媒体查询 给不同尺寸和介质的设备切换不同的样式）
B  伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局）
C  固定 Fixed （使用 px 和 pt 这样的绝对单位进行固定布局）
D  流动 Fluid（使用 % 百分比进行相对布局）
79、哪个单位是相对于根元素html来计算的？：
  正确答案：C
A  em
B  pt
C  rem
D  px
80、哪个标签适合定义文章：
  正确答案：C
A  div
B  aside
C  article
D  section

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。