一、 填空题
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技术实现地址的三级联动