一、 填空题
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( )); |
三、 判断题
- Jquery中的美元符号$其实是jQuery的别名,所以在代码中可以用jQuery代替美元符号$。(T)
- ajax技术是一种客户端技术。(T)
- jquery功能强大,能完全取代Javascrip ( F )
- 相对于javascript,jquery语法更为简单,能大幅提高开发效率(T)
- $('h2').attr('value,'asdf')执行时,由于和元素没有value属性,所有该代码不会产生任何效果 (F )
- val( )方法获取或设置元素的value属性值( F )
- $(A).append(B)表示将A追加到B中( F )
- $(A).appendTo(B)表示把A追加到B中( T )
- $(A).after(B)表示将A插入到B以后( F )
- toggle(fn1,fn2)第一次点击元素时触发fn1方法,第二次点击元素触发fn2方法,第三次点击则不会再触发任何函数( F )
四、 简答题
- ajax技术的优势在哪里?
- ajax技术的核心是XMLHttpRequest对象的使用。结合XMLHttpRequest对象的使用步骤, 完成老师课堂代码。
1) 创建XMLHttpRequest对象
2) 使用XMLHttpRequest对象创建请求
3) 使用XMLHttpRequest对象定义处理响应信息代码
4) 使用XMLHttpRequest对象发送请求
- 为什么发送请求时,这么写:req.send(null)?
- readyState属性中4表示什么意思?
- status属性表示什么含义?
- 如何理解ajax中的异步
- get方式传参直接在url后面跟"?参数列表",即可吗?
- post方式如何传参,写出代码。
- 假如我们采用get方式请求一个资源,发现老是被浏览器缓存。如何处理之?
- 简述从后台数据处理到使用ajax技术将数据展现在前台的流程(可以画图)
五、 .编码题
- 使用ajax技术,在浏览器中展现“hello ajax”
- 2. 封装出自己的ajax
- 3. 使用ajax模拟实现百度搜索下拉框效果
- 4. 使用jquery技术实现地址的三级联动