一、 填空題
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技術實現地址的三級聯動