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.以上说法均正确
26jQuery中,以下对遍历祖先元素的说法正确的是(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对象发送请求
3. 为什么发送请求时,这么写:req.send(null)?
4. readyState属性中4表示什么意思?
5. status属性表示什么含义?
6. 如何理解ajax中的异步
7. get方式传参直接在url后面跟"?参数列表",即可吗?
8. post方式如何传参,写出代码。
9. 假如我们采用get方式请求一个资源,发现老是被浏览器缓存。如何处理之?
10. 简述从后台数据处理到使用ajax技术将数据展现在前台的流程(可以画图)
五、 .编码题
1.使用ajax技术,在浏览器中展现“hello ajax”
2.封装出自己的ajax
3.使用ajax模拟实现百度搜索下拉框效果
4.使用jquery技术实现地址的三级联动