天天看點
傳回

jQuery題庫

一．選擇題

  1. 下面哪種不是jquery的選擇器?( ) C。

A、基本選擇器 B、層次選擇器

C、css選擇器 D、表單選擇器

  1. 當DOM加載完成後要執行的函數，下面哪個是正确的?( ) C

A、jQuery(expression, [context]) B、jQuery(html,[ownerDocument])

C、jQuery(callback) D、jQuery(elements)

  1. 下面哪一個是用來追加到指定元素的末尾的?( ) C

A、insertAfter() B、append() C、appendTo() D、after()

  1. 下面哪一個不是jquery對象通路的方法? ( ) D

A、each() B、size() C、.length D、onclick()

  1. 在jquery中想要找到所有元素的同輩元素，下面哪一個是可以實作的？（） C

    A、eq(index) B、find(expr) C、siblings([expr]) D、next()

  2. 如果需要比對包含文本的元素，用下面哪種來實作? ( ) B

A、text() B、contains() C、input() D、attr(name)

  1. 如果想要找到一個表格的指定行數的元素，用下面哪個方法可以快速找到指定元素? ( C)

A、text() B、get() C、eq() D、contents( )

  1. 下面哪種不屬于jquery的篩選? ( ) B

A、過濾 B、自動 C、查找 D、串聯

  1. 下面哪幾種是屬于jquery文檔處理的? (多選) ABCD

A、包裹 B、替換 C、删除 D、内部和外部插入

  1. 如果想被選元素之後插入 HTML 标記或已有的元素，下面哪個是實作該功能的? ( ) D

A、append(content) B、 appendTo(content)

C、insertAfter(content) D、after(content)

  1. 在jquey中，如果想要從DOM中删除所有比對的元素，下面哪一個是正确的?( ) C

A、delete() B、empty() C 、remove() D、removeAll()

  1. 在jquery中，想要給第一個指定的元素添加樣式，下面哪一個是正确的? ( ) D

A、first B、eq(1) C、css(name) D、css(name,value)

  1. 在jquery中，如果想要擷取目前視窗的寬度值，下面哪個是實作該功能的? ( ) A

A、width() B、width(val) C、width D、innerWidth()

  1. 為每一個指定元素的指定事件(像click) 綁定一個事件處理器函數，下面哪個是用來實作該功能的? ( ) B

A、trgger (type) B、bind(type) C、one(type) D、bind

  1. 在jquery中想要實作通過遠端http get請求載入資訊功能的是下面的哪一下事( C )

A、 . a j a x ( ) B 、 l o a d ( u r l ) C 、 .ajax() B、load(url) C、 .ajax()B、load(url)C、.get(url) D$. getScript(url)

  1. 在一個表單中，如果想要給輸入框添加一個輸入驗證，可以用下面的哪個事件實作? ( D)

    A、hover(over ,out) B、keypress (fn) C、change() D、change(fn)

  2. 當一個文本框中的内容被選中時，想要執行指定的方法時，可以使用下面哪個事件來實作? ( ) C

    A、click(fn) B、change(fn) C、select(fn) D、bind(fn)

18.以下 jquery 對象方法中，使用了事件委托的是( ) D

A、bind B. 、mousedown C、change D、on

19.元素的type屬性的取值可以是（多選）ABD

A、image B、checkbox C、select D、button

20.下列jQuery事件綁定正确的是____。A

A. bind(type,[data],function(eventObject))

B. $(‘#demo’).click(function() {})

C. $(‘#demo’).on(‘click’,function() {})

D. $(‘#demo’).one(‘click’,function() {})

21.怎麼才能隐藏下面的元素？ C

<input id=”id_txt” name=”txt” type=”text”value=””/>

A. $(“id_txt”).hide();

B. $(#id_txt).remove();

C. $(“#id_txt”).hide();

D. $(“#id_txt”).remove();

  1. jQuery 的方法get()做什麼？A

    A.使用 HTTP GET 請求從伺服器加載資料

B. 傳回一個對象

C. 傳回存在jQuery對象中的DOM元素

D. 觸發一個get AJAX請求

  1. 在jQuery中

$( ‘#hello’ ).css ( “color”，"#f0000" )

$( ‘#hello’ ).css ( “color”" )

分别表示的含義是: (多選) AB

A. $(‘#hello’).css(“color”,#0000)表示選擇id為hello 的元素，并設定顔色為"f0000"

$( ‘#hello’ ).css ( “color”" )表示選擇id為hello 的元素，并且取到該元素字型顯示的顔色

$(‘#hello’ )css(“color”"f0000"表示選擇CSS類為hello的元素，并且取到該元素字型顯示的顔色

D. $(‘hello’)css(“color”)表示選擇CSS類為hello 的元素，并且取到該元素字休顯示的顔色

  1. 在jquery中，選擇使用myClass類的css的所有元素( )A

A、 ( &quot; . m y C l a s s &quot; ) B . 、 (&quot;.myClass&quot;) B. 、 (".myClass")B.、("#myClass") C、 ∗ D 、 {*} D、 ∗D、{‘body’}

  1. 在jquery中指定一個類，如果存在就執行删除功能，如果不存在就執行添加功能，下面哪一個是可以直接完成該功能的？（） C

A、removeClass() B、deleteClass() C、toggleClass(class) D.addClass()

  1. JQuery中，屬于滑鼠事件方法的選項是( ) B

A. onclick( ) B. mouseover( ) C. onmouseout( ) D. blur( )

  1. 在Jquery中，既可綁定兩個或多個事件處理器函數，以響應被選元素的輪流的 click 事件，又可以切換元素可見狀态的方法是( ) B

A… hide( ) B. toggle( ) C. hover( ) D.slideUp( )\

  1. 關于bind( )方法與unbind( )方法說法正确的是( 多選 ) BC D

A. bind( )方法可用來移除單個或多個事件

B unbind( )方法可以移除所有的或被選的事件處理程式

C. 使用bind( )方法可綁定單個或多個事件

D. unbind( )方法是與bind( )方法對應的方法

  1. 在Jquery中，關于fadeIn()方法正确的是( ) B

A. 可以改變元素的高度

B 可以逐漸改變被選元素的不透明度，從隐藏到可見（褪色效果）

C 可以改變元素的寬度

D 與fadeIn( )相對的方法是fadeOn( )

  1. 下面選項中（）能獲得焦點 A

    A.blur() B.select() C.docus() D.onfocus()

  2. ( )能夠動态改變層中的提示内容 A

A利用html( )方法 B.利用層的id屬性

C.使用onblur事件 D.使用display屬性

  1. 在jQuery中，通過jQuery對象.css( )可實作樣式控制，以下說法正确的是(多選) AB

A. css( )方法會去除原有樣式而設定新樣式

B. 正确文法：css(“屬性”,”值”)

C. css( )方法不會去除原有樣式

D. 正确文法：css(“屬性”)

  1. 下列選項中,不屬于鍵盤事件的是( )。D

A.keydown B.keyup C.keypress D.ready

  1. 以下jQuery代碼運作後，對應的HTML代碼變為( ) B

HTML代碼：

你好

jQuery代碼：$(“p”).append(“

快樂程式設計

”);

A.

你好

快樂程式設計

B.

你好

快樂程式設計

C.

快樂程式設計

你好

D.

快樂程式設計

你好

35下列選項中,有關資料驗證的說法中正确的是( )。D

A.使用用戶端驗證可以減輕伺服器壓力

B.客觀上講，使用用戶端驗證也會受限于用戶端的浏覽器設定。

C. 基于JavaScript的驗證機制正是将伺服器的驗證任務轉嫁至用戶端，有助于合理使用資源。

D. 以上說法均正确

  1. 以下關于Jquery優點的說法中錯誤的是( ) C

A.jquery的體積較小，壓縮以後，大約隻有100kb

B.jquery封裝了大量的選擇器、DOM操作、事件處理，使用起來比JavaScript簡單得多

C.jquery的浏覽器相容很好，能相容所有的浏覽器

D.jquery易擴充，開發者可以自己編寫jquery的擴充插件

  1. 在Jquery中，下列關于DOM操作的說法錯誤的是( ) AC

A.$(A).append(B)表示将A追加到B中

B.$(A).appendTo(B)表示把A追加到B中

C.$(A).after(B)表示将A插入到B以後

D.$(A).insertAfter(B)表示将A插入到B以後

  1. 以下()函數不是jQuery内置的與AJAX相關的函數。B

A、  . a j a x ( ) B . .ajax() B. .ajax()B..get() C. . p o s t ( ) D . .post() D. .post()D..each()

  1. 以下()選項不能夠正确地得到這個标簽:( ) B

<input id="btnGo"type=”buttom” value=”點選”class=”btn”>

A.KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲btnGo”) …(“.btnGo”)

C. ( “ . b t n ” ) D . (“.btn”) D. (“.btn”)D.(“input[type=’button’]”)

  1. 以下關于jQuery的描述錯誤的是（）D

A.jQuery是一個javascript函數庫

B. jQuery極大地簡化了JavaScript程式設計

C. jQuery的宗旨是“write less,do more”

D. jQuery的核心功能不是根據選擇器查找HTML元素，然後對這些元素執行相關的操作。

  1. 在jQuery中被譽為工廠函數的是（）C

    A.ready(） B.function（） C。$() D.next( )

二．填空題

  1. jquery通路對象中的size()方法的傳回值和jQuery對象的______屬性一樣. length
  2. jquery中KaTeX parse error: Expected group after '_' at position 18: …his).get(0)的寫法和_̲______是等價的。(this)[0])

  3. 現有一個表格，如果想要比對所有行數為偶數的，用___實作，奇數的用_____實作

    even odd

  4. 在一個表單裡，想要找到指定元素的第一個元素用____實作，那麼第二個元素用_____

實作。 first eq(1)

  1. 在jquery 中，用一個表達式來檢查目前選擇的元素集合，使用_____來實作，如果這個表達式失效，則傳回____值。 is(expr) false
  2. 在編寫頁面的時候，如果想要擷取指定元素在目前視窗的相對偏移，用____來實作，該方法的傳回值有兩個屬性，分别是____和_____ offset, top, left
  3. 在一個表單中，如果将所有的div元素都設定為綠色，實作功能是_______ $( “div”).css( “color”,”green’ )
  4. 在jquery 中,當滑鼠指針懸停在被選元素上時要運作的兩個方法，實作該操作的是_____ $(selector).hover(inFunction,outFunction)
  5. 在jquery中，想讓一個元素隐藏，用_____實作，顯示隐藏的元素用____實作

hide(), show()

  1. 在div元素中,包含了一個元素,通過has選擇器擷取

    元素中的 元素的文法是____ $(“div:has(span)”);

  2. 在
    • 元素中,添加了多個
    • 元素,通過jquery選擇器擷取最後一個
    • 元素的方法是______ $(“li:last”)
  3. 在三個
    • 元素中,分别添加多個
    • 元素,通過jQuery中的子元素選擇器,将這三個
      • 元素中的第一個
      • 元素隐藏,代碼是______ $(“li:first-child”).hide();
  4. 在頁面的表單中增加了多個類型的複選框元素,其中有的處于選中狀态,通過jQuery選擇器,将這些選中狀态的元素隐藏,代碼為_____ $(“forminput:checked”).hide()
  5. 在ajax中data主要有______. _______ . ___________三種方式 html拼接的，json數組，form表單經serialize()序列化的
  6. ______方法用于模拟光标懸停事件 hover()
  7. jQuery中提供了__________方法可以停止冒泡 stopPropagation()
  8. 可以用_______,阻止這些預設的行為例如單擊超連結後會自動跳轉，單擊"送出"按鈕後表單會送出等 event.preventDefault()
  9. formData:傳回一個________，可以通過循環調用來校驗 數組
  10. jQuery的______可以給現在元素附加新的元素 html()
  11. jQuery中的選擇器大緻分為:________ . ________ ._____ .___________

基本選擇器，層次選擇器，過濾選擇器，表單選擇器

  1. _______方法用于處理命名沖突 conflict()

三．判斷題

  1. window.onload必須等到頁面内包括圖檔的所有元素加載完畢後才能執行（✔）
  2. on()方法在被選元素及子元素上添加一個或多個事件處理程式（✔）
  3. $(“this”)是使用标簽選擇器，查找名為this的标簽（✔）
  4. nextAll() 不能替代$(‘prev~siblindgs’)選擇器（×）
  5. 在一個網頁中一個Id可以用很多次（×）
  6. 在jquery中可以用 replaceWith() 和 replaceAll() 替換節點（✔）

  7. $(‘prev~div’) 能選擇’所有的的同輩

    元素 （×）

  8. jQuery中addClass()方法 可以來設定和擷取 樣式 （✔）
  9. $.getScript()方法可以加載.js檔案，需要對javascript檔案進行處理 （×）
  10. delegate() 方法為指定的元素（屬于被選元素的子元素）添加一個或多個事件處理程式，并規定當這些事件發生時運作的函數（✔）
  11. jquery的load()方法中data 參數是必須的（×）
  12. nextAll() 方法傳回被選元素的所有跟随的同胞元素（✔）
  13. parent() 方法傳回被選元素的所有祖先元素，它一路向上直到文檔的根元素（×）
  14. toggle() 方法在被選元素上進行 hide() 和 show() 之間的切換。（✔）
  15. $(‘div > span’).css(‘color’, ‘#FF0000’);的作用是選取div下的所有span元素，将字型顔色設為紅色（×）
  16. jQuery是一個javascript庫（✔）
  17. 通過 jQuery，$(“div.intro”) 能夠選取的元素是class=“intro” 的首個 div 元素（×）
  18. jQuery.ajaxAsync()方法用于執行異步 HTTP 請求（×）
  19. jQuery 是 W3C 标準（×）
  20. jQueryget請求會将參數跟在URL後進行傳遞，而POST請求則是作為HTTP消息的實體内容發送給Web伺服器的，這種傳遞是對使用者不可見的。（✔）

四．簡答題

1.什麼是jQuery?

答案：jQuery是繼prototype之後又一個優秀的Javascrīpt架構

2.簡述domready和onload事件的差別？圖檔的onloaddomready頁面onload的先後順序，并簡述原因。

答案：domready在DOM加載完畢時觸發；onload在頁面所有元素都已經準備好時觸發，包括圖檔、腳本、樣式，首先domready，其次圖檔的onload，最後頁面的onload

3.請解釋 XMLHttpRequest 對象，并簡要說明 jQuery 中的 $.ajax 方法使用。

答案：XMLHttpRequest對象為我們提供了一個通路http協定的接口，可以與伺服器互動資料，實作頁面的局部重新整理。$.ajax是JQ中封裝好的使用ajax的方法，使用時傳入URL、資料類型、失敗成功的調用函數等等；

$.ajax({

url:’’,

type:‘get/post’,

data:{},

dataType:’’,

success:function(data){

//…

}

});

4.圖檔懶加載技術會讓圖檔進入視野之後延遲一小段時間才讓使用者看到圖檔，體驗不好。如何改進？

答案：圖檔預加載，将所有圖檔設定一個src，提前緩存在本地，當使用者需要的時候直接從本地加載。犧牲了性能換得了更好的使用者體驗.

  1. jquery中的選擇器 和 css中的選擇器有差別嗎？

答案：jQuery選擇器支援CSS裡的選擇器，jQuery選擇器可用來添加樣式和添加相應的行為，CSS 中的選擇器是隻能添加相應的樣式

  1. jquery中 . g e t ( ) 提 交 和 .get()送出和 .get()送出和.post()送出有差別嗎？

答: 1 $.get() 方法使用GET方法來進行異步請求的。 $.post() 方法使用POST方法來進行異步請求的。 2 get請求會将參數跟在URL後進行傳遞，而POST請求則是作為HTTP消息的實體 内容發送給Web伺服器的，這種傳遞是對使用者不可見的。 3 get方式傳輸的資料大小不能超過2KB 而POST要大的多 4 GET 方式請求的資料會被浏覽器緩存起來，是以有安全問題。

  1. 如何來設定和擷取HTML 和文本的值？

答案：html()方法 類似于innerHTML屬性 可以用來讀取或者設定某個元素中的HTML内容 注意：html() 可以用于xhtml文檔 不能用于xml文檔 text()類似于innerText屬性 可以用來讀取或設定某個元素中文本内容。 val() 可以用來設定和擷取元素的值

  1. 選擇器中 id，class有什麼差別？

答案：在網頁中 每個id名稱隻能用一次，class可以允許重複使用

  1. .jquery表單送出前有幾種校驗方法？分别為？？

答案：formData:傳回一個數組，可以通過循環調用來校驗 jaForm：傳回一個jQuery對象，所有需要先轉換成dom對象 fieldValue：傳回一個數組 beforeSend()

  1. jQuery的美元符号$有什麼作用？

答案：其實美元符号$隻是”jQuery”的别名，它是jQuery的選擇器，如下代碼：

Html代碼

$(document).ready(function(){ });

當然你也可以用jQuery來代替$，如下代碼：

Html代碼

jQuery(document).ready(function(){});

jQuery中就是通過這個美元符号來實作各種靈活的DOM元素選擇的，例如$(“#main”)即選中id為main的元素。

  1. window.onload()函數和jQuery中的document.ready()有什麼差別？

答案：1.執行時間

window.onload必須等到頁面内包括圖檔的所有元素加載完畢後才能執行。

    $(document).ready()是DOM結構繪制完畢後就執行，不必等到加載完畢。

    $(document).ready()在 window.onload之前執行

2.編寫個數不同

window.onload不能同時編寫多個，如果有多個window.onload方法，隻會執行一個

 $(document).ready()可以同時編寫多個，并且都可以得到執行

3.簡化寫法

window.onload沒有簡化寫法

    $(document).ready(function(){})可以簡寫成$(function(){});

4.浏覽器相容性

$(document).ready()可以跨浏覽器，例如在使用ajax請求的時候自動會處理相容

5.出現地方不同

window.onload是js标準，可出現在任何js腳本中

  $(document).ready隻有在jq庫中出現

  1. 編寫一段代碼請使用jQuery将頁面上的所有元素邊框設定為2px寬的虛線？

    答案：

上一篇: Python 就業方向之測試基礎2
下一篇: cmd 字元串替換