Ajax与Jquery题库

一、    填空题

1、在JQuery中被誉为工厂函数的是 $() 。

2、在jQuery中需要选取<div>元素里所有<a>元素的选择器是 $(“div a”)。

3、JS中ajax请求主要包括  创建ajax对象、连接服务器、发送请求、接收返回值四大部分   。

4、 在Jquery中,如果希望实现元素淡出效果应调用的方法是fadeOut( )_

5、 在Jquery中,能够使div中的文本节点内容显示为空的代码是  $("div").text("")、        $("div").html("")

6、组合成Ajax的技术有:JavaScript 、XMLHttpRequest 、CSS 、Servlet、XHTML、XML __

7、Ajax本质上是一个___浏览器端  的技术。

8、readyState对象的状态有那几个_0、1、2、3、4__

9、open方法的参数分别是什么_访问地址,访问方式,异步或同步_

10、用来监听readyState的方法是什么_ onReadystateChange()_

11、ajax回调函数用来接受数据的方法是什么_ responseText和 responseXML _

12、ajax接受的数据类型有哪些__ json 、XML、文本_

13、火狐和ie用来创建ajax对象的方式是__火狐和ie用来创建ajax对象的方式是var  ajaxRequest = new XMLHttpRequest();

var  ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");_

14、ajax中post请求方式的传参格式_ json __

15、用来获取键盘值的对象是_event _

16、jquery的使用方式有_$ 、 window.juquery、_window.$_

17、jquery中用来获取元素属相的方法是_ val()_

18、jquery中用来操作样式的方式有__ css()、_addClass()

19、jquery中常见的选择器__ jquery中常见的选择器 ID选择器、元素选择器、类选择器、复合选择器、层次选择器_(至少写出5种)

20、jquery中用来操作元素的文档结构的方式有__内部插入 外部插入_

21、jquery中用来操作元素内容的方式是_html() val() text()_

22、jquery与js的区别是什么_ jquery是js的类库 写法更清楚_

23、jquery的全程是什么__ jquery的全称是什么 JavaScript 和 query _

24、jquery中操作ajax的方法分别有__$.get() $.post() $.ajax() load() getJson() getScript()__

25、你认为jquery技术最大的好处是什么_使用简便 减少浏览器差异 功能丰富_(至少写三点)

26、ajax中用来获取json格式的数据使用的方法是_ var data={key:value};__

27、在后台将数据转换成json格式的方法newGson().toJson();_

28、写出你所知道网页访问状态码 200 404 500_(至少三个)

29、jquery中操作动画的方法有_show() hide() fadeIn() fadeout();_(至少写三个)

30、ajax的全称是是什么__Asynchronous Javascript And XML __

二、    选择题

 

1.

下列关于css( )方法的写法正确的是( B )(选择一项)

A.

css(color:#CCF;)

B.

css("color","#CCF")

C.

css("#CCF","color")

D.

css(color,#CCF)

 

2

下列选项中(  AC  )是属性选择器。(选择二项)

A.

$("img[src=.gif]")

B.

$("img")

C.

$("[class][title]")

D.

$("div>span")

 

3.

下列选项不属于JQuery基本选择器的是( BC )(选择二项)

A.

*

B.

:visible

C.

h1 span

D.

.document

 

4.

jQuery中需要选取<p>元素里所有<a>元素,则下列选择器写法正确的是( A )(选择一项)

A.

$("p a")

B.

$("p+ a")

C.

$("p>a")

D.

$("p~a")

 

5.

JQuery中,属于鼠标事件方法的选项是(  BD )(选择二项)

A.

onclick( )

B.

mouseover( )

C.

onmouseout( )

D.

blur( )

 

6.

Jquery中,既可模拟鼠标连续单击事件,又可以切换元素可见状态的方法是( B  )(选择一项)

A.

hide( )

B.

toggle( )

C.

hover( )

D.

slideUp( )

 

7.

关于bind( )方法与unbind( )方法说法正确的是(  CD  )(选择二项)

A.

bind( )方法可用来移除单个或多个事件

B.

unbind( )方法可以同时移除多个事件,但不能移除单个事件

C.

使用bind( )方法可同时绑定鼠标事件和键盘事件

D.

unbind( )方法是与bind( )方法对应的方法

 

 

8.

若要求隐藏<span>元素,则下列选择正确的是(  AD )(选择二项)

A.

$("span").css("dispaly","none")

B.

$("span").addClass("dispaly","none");

C.

$("span").show( )

D.

$("span").hide( )

 

9.

Jquery中,关于fadeIn( )方法正确的是(  B )(选择一项)

A.

可以改变元素的高度

B.

可以改变元素的透明度

C.

可以改变元素的宽度

D.

与fadeIn( )相对的方法是fadeOn( )

 

10.

JQuery中,能够操作HTML代码及其文本的方法是( C  )(选择一项)

A.

attr( )

B.

text( )

C.

html( )

D.

val( )

 

11.

JQuery中,课用于获取和设置元素属性值的方法是(  B )(选择一项)

A.

val( )

B.

attr( )

C.

removeAttr( )

D.

css( )

 

12.

( A  )能够动态改变层中的提示内容(选择一项)

A.

利用html( )方法

B.

利用层的id属性

C.

使用onblur事件

D.

使用display属性

 

13.

以下关于jQuery选择器使用正确的是( AB  )(选择二项)

A.

对于<div id=”id#a”>welcome</div>的正确方法是$(“#id\\#a”)

B.

对于<div id=”id[2]”>welcome</div>的正确方法是$(“#id\\[2\\]”)

C.

对于<div id=”id#a”>welcome</div>的正确方法是$(“#id//#a”)

D.

对于<div id=”id[2]”>welcome</div>的正确方法是$(“#id//[2//]”)

 

14.

jQuery中,对于以下代码片段:

<div class=c>

         <div style=display:none;>a</div>

         <div style=display:none;>b</div>

         <div style=display:none;>c</div>

         <div class="c" style=display:none;>d</div>

</div>

<div class=c  style=display:none;>e</div>

<div class=c style=display:none;>f</div>

使用如下jQuery选择器:

         var $x = $(.c :hidden);

         var $y = $(.c:hidden);

         var x_len = $x.length;

         var y_len = $y.length;

执行以上代码,x_len和y_en两个变量的值分别是___ 和 ___ (A )(选择一项)

A.

4,3

B.

3,4

C.

7,3

D.

3,7

 

15.

以下jQuery代码,不能够实现网页加载完成后弹出消息框的是:(  D  )(选择一项)

A.

<script type="text/javascript">

$(document).ready(function( ){

alert("write less, do more.");

});

</script>

B.

<script type="text/javascript">

$(function( ){

alert("write less, do more.");

});

</script>

C.

<script type="text/javascript">

$(function show( ){

alert("write less, do more.");

});

</script>

D.

<script type="text/javascript">

$(function( ){

document.write("write less, do more.");

});

</script>

 

16.

在jQuery中,通过jQuery对象.css( )可实现样式控制,以下说法正确的是( AB  )(选择二项)

A.

css( )方法会去除原有样式而设置新样式

B.

正确语法:css(“属性”,”值”)

C.

css( )方法不会去除原有样式

D.

正确语法:css(“属性”;”值”)

 

17.

关于jQuery,以下说法中不正确的是(  D  )(选择一项)

A.

jQuery作为javascript的一个框架,遵循了javascript语言规范。

B.

jQuery具有轻量级、代码简洁、丰富的插件、浏览器兼容性等优点。

C.

jQuery中支持多种选择器,可灵活的控制网页样式。

D.

随着jQuery的不断更新,它将逐步取代jsp等服务器端技术。

 

18.

在jQuery中,使用bind( )方法可绑定多种事件,以下语法正确的是( D  )(选择一项)

A.

语法:bind(“事件类型”,[data],处理函数);

B.

绑定多种事件语法:bind({“事件类型1”:处理函数1,“事件类型n”:处理函数n});

C.

bind( )方法绑定事件后可通过unbind([事件类型][处理函数])移除事件。

D.

以上均正确

 

19.

以下关于toggle( )方法,说法正确的是( AB  )(选择二项)

A.

可用于模拟鼠标连续点击事件,使用语法:toggle(f1,f2,…,fN);

B.

它还用于切换元素的可见状态,此时使用无参的toggle( )即可;

C.

可以实现元素的渐变效果

D.

可以实现元素的滑动效果

 

20.

jQuery中提供了对动画效果的支持,以下说法中错误的是( D  )(选择一项)

A.

show( )和hide( )可控制元素的显示和隐藏

B.

show([speed],[fn]),其中,speed代表速度,fn代表处理函数

C.

hide([speed],[fn]),其中,speed代表速度,fn代表处理函数

D.

以上参数中的speed默认值为“0”,可能值:秒、slow、fast、normal

 

21.

关于改变透明度动画效果,以下说法错误的是(  CD )(选择二项)

A.

fadeIn( )和fadeOut( )用于改变元素透明度。

B.

fadeIn( )控制元素淡入,fadeOut( )控制元素淡出

C.

fadeIn( )控制元素淡出,fadeOut( )控制元素淡入

D.

fadeIn( )和fadeOut( )用于改变元素高度

 

22.

关于改变高度动画效果,以下说法错误的是( D  )(选择一项)

A.

slideUp( )和slideDown( )用于改变元素的高度。

B.

slideUp( )会使元素从下往上逐渐隐藏。

C.

slideDown( )会使元素从上往下逐渐展示。

D.

slideUp( )或slideDown( )只能用毫秒作为速度参数。

 

 

 

 

23.

以下jQuery代码运行后,对应的HTML代码变为(  B )(选择一项)

HTML代码:

<p>你好</p>

jQuery代码:

$(p).append(<b>快乐编程</b>);

A.

<p>你好</p><b>快乐编程</b>

B.

<p>你好<b>快乐编程</b></p>

C.

<b>快乐编程</b><p>你好</p>

D.

<p><b>快乐编程</b>你好</p>

 

24.

以下jQuery代码运行后,对应的HTML代码变为( B  )(选择一项)

HTML代码:

<p>找我想要的工作</p>

jQuery代码:

$(p).prepend(<b>过我想要的生活</b>);

A.

<p>找我想要的工作<b>过我想要的生活</b> </p>

B.

<p><b>过我想要的生活</b>找我想要的工作</p>

C.

<p>找我想要的工作</p><b>过我想要的生活</b>

D.

<b>过我想要的生活</b><p>找我想要的工作</p>

 

25.

jQuery,以下对遍历同辈元素的说法正确的是(  D )(选择一项)

A.

next( ) 用于获取紧邻匹配元素之后的一个同辈元素。

B.

prev( ) 用于获取紧邻匹配元素之前的一个同辈元素。

C.

siblings( )用于获取位于匹配元素前后所有同辈元素。

D.

以上说法均正确

 

26

jQuery,以下对遍历祖先元素的说法正确的是(  AC )(选择二项)

A.

parent( ) 获取当前匹配元素集合中每个元素的父级元素

B.

parent( ) 获取当前匹配元素集合中每个元素的祖先元素。

C.

parents( ) 获取当前匹配元素集合中每个元素的祖先元素。

D.

parents( ) 获取当前匹配元素集合中每个元素的父级元素。

 

27.

在JQuery中,能够实现元素高度变化的是 (  BC  ).(选择二项)

A.

slide( )

B.

slideUp( )

C.

slideDown( )

D.

slideChange( )

 

 

 

28.

在JQuery中,下列( B  )方法能够获取或设置元素的文本内容,不含HTML标签。(选择一项)

A.

attr( )

B.

text( )

C.

value( )

D.

replace( )

 

29

 

以下关于Jquery有点的说法中错误的是(  C )(选择一项)

A.

jquery的体积较小,压缩以后,大约只有100kb

B.

jquery封装了大量的选择器、DOM操作、事件厝里,使用起来比JavaScript简单得多

C.

jquery的浏览器兼容很好,能兼容所有的浏览器

D.

jquery易扩展,开法阵可以自己编写jquery的扩展插件

 

30.

在页面中有如下的HTML代码。(选择一项)

<div id="box">

         <h2 id="top1" name="header1">1</h2>

         <h2 id="top2" name="header2">2</h2>

</div>

下列能输入"1"的jquery代码是(  B )

A.

alert($(".top1").html( );

B.

alert($("[name='header1]'").html( ));

C.

alert($("[name='header]'").html( ));

D.

alert($('#header1').html( ));

三、    判断题

  1. Jquery中的美元符号$其实是jQuery的别名,所以在代码中可以用jQuery代替美元符号$。(T)
  2. ajax技术是一种客户端技术。(T)
  3. jquery功能强大,能完全取代Javascrip ( F )
  4. 相对于javascript,jquery语法更为简单,能大幅提高开发效率(T)
  5. $('h2').attr('value,'asdf')执行时,由于和元素没有value属性,所有该代码不会产生任何效果 (F )
  6. val( )方法获取或设置元素的value属性值( F )
  7. $(A).append(B)表示将A追加到B中( F )
  8. $(A).appendTo(B)表示把A追加到B中( T )
  9. $(A).after(B)表示将A插入到B以后( F )
  10. toggle(fn1,fn2)第一次点击元素时触发fn1方法,第二次点击元素触发fn2方法,第三次点击则不会再触发任何函数( F )

四、    简答题

  1. ajax技术的优势在哪里?
  2. ajax技术的核心是XMLHttpRequest对象的使用。结合XMLHttpRequest对象的使用步骤, 完成老师课堂代码。

1)         创建XMLHttpRequest对象

2)         使用XMLHttpRequest对象创建请求

3)         使用XMLHttpRequest对象定义处理响应信息代码

4)         使用XMLHttpRequest对象发送请求

  1. 为什么发送请求时,这么写:req.send(null)?
  2. readyState属性中4表示什么意思?
  3. status属性表示什么含义?
  4. 如何理解ajax中的异步
  5. get方式传参直接在url后面跟"?参数列表",即可吗?
  6. post方式如何传参,写出代码。
  7. 假如我们采用get方式请求一个资源,发现老是被浏览器缓存。如何处理之?
  8. 简述从后台数据处理到使用ajax技术将数据展现在前台的流程(可以画图)

五、    .编码题

  1. 使用ajax技术,在浏览器中展现“hello ajax”
  2. 2.         封装出自己的ajax
  3. 3.         使用ajax模拟实现百度搜索下拉框效果
  4. 4.         使用jquery技术实现地址的三级联动
上一篇:Web Uploader在低版本IE下无法显示Flash的一种情况


下一篇:PeopleEditor允许客户端输入的同时验证输入的内容