jQuery面試題

1 如何在點(diǎn)擊一個(gè)按鈕時(shí)使用 jQuery 隱藏一個(gè)圖片?

這是一個(gè)事件處理問題。jQuery為按鈕點(diǎn)擊之類的事件提供了很好的支持。你可以通過以下代碼去隱藏一個(gè)通過ID或class定位到的圖片。你需要知道如何為按鈕設(shè)置事件并執(zhí)行hide() 方法

$('#ButtonToClick').click(function(){$('#ImageToHide').hide();});

2、$(document).ready() 是個(gè)什么函數(shù)?為什么要用它?

ready() 函數(shù)用于在文檔進(jìn)入ready狀態(tài)時(shí)執(zhí)行代碼。

當(dāng)DOM 完全加載(例如HTML被完全解析DOM樹構(gòu)建完成時(shí)),jQuery允許你執(zhí)行代碼。

使用$(document).ready()的最大好處在于它適用于所有瀏覽器,jQuery幫你解決了跨瀏覽器的難題。

3、 JavaScript window.onload 事件和 jQuery ready 函數(shù)有何不同?

JavaScript window.onload 事件和 jQuery ready 函數(shù)之間的主要區(qū)別是,

前者除了要等待 DOM 被創(chuàng)建還要等到包括大型圖片、音頻、視頻在內(nèi)的所有外部資源都完全加載。如果加載圖片和媒體內(nèi)容花費(fèi)了大量時(shí)間,用戶就會感受到定義在 window.onload 事件上的代碼在執(zhí)行時(shí)有明顯的延遲。

另一方面,jQuery ready() 函數(shù)只需對 DOM 樹的等待,而無需對圖像或外部資源加載的等待,從而執(zhí)行起來更快。

使用 jQuery $(document).ready() 的另一個(gè)優(yōu)勢是你可以在網(wǎng)頁里多次使用它,瀏覽器會按它們在 HTML 頁面里出現(xiàn)的順序執(zhí)行它們,相反對于 onload 技術(shù)而言,只能在單一函數(shù)里使用。鑒于這個(gè)好處,用 jQuery ready() 函數(shù)比用 JavaScript window.onload 事件要更好些。

4、jQuery 里的 each() 是什么函數(shù)?你是如何使用它的?

each() 函數(shù)就像是 Java 里的一個(gè) Iterator,它允許你遍歷一個(gè)元素集合。

你可以傳一個(gè)函數(shù)給 each() 方法,被調(diào)用的 jQuery 對象會在其每個(gè)元素上執(zhí)行傳入的函數(shù)。

有時(shí)這個(gè)問題會緊接著上面一個(gè)問題,舉個(gè)例子,如何在 alert 框里顯示所有選中項(xiàng)。我們可以用上面的選擇器代碼找出所有選中項(xiàng),然后我們在 alert 框中用 each() 方法來一個(gè)個(gè)打印它們,

$('[name=NameOfSelectedTag] :selected').each(

? ? ? ?function(selected){alert($(selected).text());

});

其中text()方法返回選項(xiàng)的文本。

5 $(this) 和 this 關(guān)鍵字在 jQuery 中有何不同?

$(this) 返回一個(gè) jQuery 對象,你可以對它等等。而 this 代表當(dāng)前元素,它是 JavaScript 關(guān)鍵詞中的一個(gè),表示上下文中的當(dāng)前 DOM 元素。

你不能對它調(diào)用 jQuery 方法,直到它被()函數(shù)包裹,例如(this)。

6你如何利用jQuery來向一個(gè)元素中添加和移除CSS類?

通過利用 addClass() 和 removeClass() 這兩個(gè) jQuery 方法。動態(tài)的改變元素的class屬性可以很簡單例如. 使用類“.active"來標(biāo)記它們的未激活和激活狀態(tài)

.addClass("類名")? ?添加元素

.remove()刪除樣式類? ? ? ??

?hide? ?隱藏元素? ? ? ?

?show? ? 顯示

7 jQuery 里的 ID 選擇器和 class 選擇器有何不同?

如果你用過 CSS,你也許就知道 ID 選擇器和 class 選擇器之間的差異,jQuery 也同樣如此。

ID 選擇器使用 ID 來選擇元素,比如 #element1,而 class 選擇器使用 CSS class 來選擇元素。

當(dāng)你只需要選擇一個(gè)元素時(shí),使用 ID 選擇器,而如果你想要選擇一組具有相同 CSS class 的元素,就要用 class 選擇器。

在面試過程中,你有很大幾率會被要求使用 ID 選擇器和 class 選擇器來寫代碼。下面的 jQuery 代碼使用了 ID 選擇器和 class 選擇器:

$(``#LoginTextBox``)?

$(``.active``)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 你在公司是怎么用jquery的? 答:在項(xiàng)目中是怎么用的是看看你有沒有項(xiàng)目經(jīng)驗(yàn)(根據(jù)自己的實(shí)際情況來回答) 你...
    山豆山豆閱讀 8,754評論 0 43
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,512評論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,277評論 0 1
  • 原文:Top 20 jQuery Interview Questions and Answers for Java...
    IT程序獅閱讀 1,605評論 1 54
  • 2019.6.3星期一晴轉(zhuǎn)陰 親子日記第442天 大前天晚上鄰居騎電動車帶孩子出門,十五歲的孩子從電動車上摔了...
    愛騰睿閱讀 481評論 5 5

友情鏈接更多精彩內(nèi)容