jQuery測驗問題1-10

>本文提供了一個帶有答案和解釋的jQuery測驗，以及涵蓋JQuery基本面的常見問題部分。 讓我們重新提示它，以提高流動和可讀性，同時保持原始內容。

>交互式jQuery測驗即將推出會員部分，並獲得獎品！ 同時，這裡有十個沒有晉級的問題，但對於學習或創建自己的測驗仍然很有價值。 讓我們測試您的知識！

>

>問題1： 您可以直接附加以下哪個元素？

>

a）

b）

c）object d）以上都沒有 embedapplet正確的答案： d）以上都不是。 jQuery的事件系統需要DOM元素，以支持事件跟踪的數據附件。 >

問題2：>

thy或fals：jQuery的事件系統要求DOM元素允許通過該元素上的屬性附加數據以跟踪和交付事件。

正確的答案： true

問題3：

thy或false：jQuery提供和

事件，它們是

> and 事件的跨瀏覽器等效物，並提供冒泡。 >

正確的答案：focusin true。 focusout>和focus不要冒泡，但是jQuery的版本也可以。 blur>

問題4： 哪個代碼段更快？ focus> blura）

b）

>

正確答案：

a）

（請參閱jsperf： $('#test1, .test2, .test3, .test4'); https://www.php .cn/link/e98549a4cb29369fb6dbb48ab0b6e018$('#test1').add('.test2').add('.test3').add('.test4');>）>

問題5： $('#test1, .test2, .test3, .test4');>此語句對滿足？ 的元素做了什麼 a）對它們進行分類 b）更新它們 c）刪除它們 d）過濾它們

正確答案：d）過濾它們（請參閱jQuery api：

https://www.php.cn/link/5d252ff9d89Ac9d3420b565656565f70f70fccd08

$.grep(array1, function1);問題6： array1 function1給定此html：

，哪個jQuery選擇器返回與

？

的結果相同的結果

a）$('#li2').siblings(); b）$('#id2').siblings('#li2'); c）$('#li2').children(); d）$('#id2').children('#li2');

>正確的答案：a）$('#li2').siblings();（請參閱JSFIDDLE： https：//www.php.cn/link/41069c81282ba6e1958343432967917917da9）

問題7：

函數掩蓋了一個元素：

> hide()a）將“顯示”內聯樣式設置為“無”。 b）將“可見性”內聯樣式設置為“隱藏”。 c）水平將其偏離屏幕。 d）垂直將其偏離屏幕。

正確的答案：

a）將“顯示”內聯樣式設置為“無”。 （請參閱jQuery api：https://www.php.cn/link/link/a8feb0f39cfe2d43f62def3b8e657992） 問題8：

>

>使用jQuery使用文本“ Hello”創建DIV元素的正確方法是什麼？ a） b）

c）

d）

（假設已經存在具有ID“ IDNAME”的DIV）

$("#idName").create("div").text("Hello");正確答案：$("#idName").create("div").html("Hello");d）$("idName").css("div").html("Hello");$("#idName").append("Hello");>

問題9： 給定$("#idName").append("Hello");，當您運行

？

>時會發生什麼情況 a）錯誤：是未定義的。 b）錯誤：未提供參數。 c）警報顯示“未定義”。 d）警報顯示0。

function function1() { alert(arguments.length); }正確的答案：function1();b）錯誤：未提供參數。 （因為

是一個類似數組的對象，它會引發typeError，並且無參數訪問其長度會導致錯誤）

arguments問題10：

>這是什麼？ > argumentsa）用

和

擴展。 b）用和延伸。 c）用

和

延伸。 d）無效的語句。 $.extend(false, object0, object1, object2);

正確的答案：object0a）用object1和object2擴展object1。 （請參閱jQuery API：object0 https://www.php.cn/link/link/c22f802f4e2192468fbc9485e31d062fobject2） object2object0>object1

什麼是jQuery？ object0 object1 object2如何學習jQuery？ 從HTML，CSS和JavaScript Basics開始，然後探索在線教程，視頻和練習。

>

> common jQuery函數：，.click()，.hide()，.show()，.toggle()，.slideUp()，.slideDown()，.animate()，.fadeIn()， .fadeOut()，.val()，.text()，.html()，，，， 🎜>，.css()，

，

和更多。

>

在html中使用jQuery：<script></script>>

使用cdn或使用

標籤下載的文件來包含jQuery庫。

> jQuery vs. javaScript： javascript是語言； jQuery是建立在JavaScript上的庫，以簡化其用於Web開發的使用。

>在jQuery中處理事件：使用，.click()，.dblclick()，.mouseenter()，.mouseleave()，.hover()，.focus()，.blur()，

等方法

> jquery中的ajax：>使用jquery的ajax方法在沒有頁面刷新的情況下不同步加載服務器數據。

>

創建自定義事件：使用.trigger()方法。

> jQuery的優勢：簡化HTML遍歷，提供簡潔的語法，支持Ajax，提供內置效果，並且非常可擴展。 >

>

提高jQuery技能：定期練習，從事項目，為開源做出貢獻並解決編碼挑戰。

以上是jQuery測驗問題1-10的詳細內容。更多資訊請關注PHP中文網其他相關文章！