Android培訓(xùn)之常見(jiàn)的 20 個(gè) jQuery 面試問(wèn)題及答案 (1)

JavaScript 是客戶端腳本的標(biāo)準(zhǔn)語(yǔ)言，而 jQuery 使得編寫 JavaScript 更加簡(jiǎn)單。你可以只用寫幾行的jQuery 代碼就能實(shí)現(xiàn)更多的東西. 它是經(jīng)常被用到的 JavaScript 庫(kù)之一，并且現(xiàn)在已經(jīng)很少有不用jQuery 而使用原生 JavaScript 的新項(xiàng)目了。這對(duì)于作為一個(gè) Java web 開(kāi)發(fā)者的你而言意味著你會(huì)在一場(chǎng)Java web開(kāi)發(fā)面試中發(fā)現(xiàn)許多jQuery的面試問(wèn)題.

　　早些時(shí)候，絕大部分都是 HTTP, HTML, CSS 以及 JavaScript，但近段時(shí)間開(kāi)始，除了 JavaScript 基礎(chǔ)之外，人們也希望知道你是否熟悉 jQuery。這16個(gè)jQuery的問(wèn)題是為web開(kāi)發(fā)者準(zhǔn)備的，且也能夠非常方便你在參加一次電話或者視頻一輪的面試之前糾正一些關(guān)鍵的概念。如果你是  jQuery 新手，那么它也能夠幫助你更加好的理解基礎(chǔ)知識(shí)，并激勵(lì)你去發(fā)現(xiàn)更多東西。

　　1. jQuery 庫(kù)中的 $() 是什么？（答案如下）

　　$() 函數(shù)是 jQuery() 函數(shù)的別稱，乍一看這很怪異，還使 jQuery 代碼晦澀難懂。一旦你適應(yīng)了，你會(huì)愛(ài)上它的簡(jiǎn)潔。$() 函數(shù)用于將任何對(duì)象包裹成 jQuery 對(duì)象，接著你就被允許調(diào)用定義在 jQuery 對(duì)象上的多個(gè)不同方法。你甚至可以將一個(gè)選擇器字符串傳入 $() 函數(shù)，它會(huì)返回一個(gè)包含所有匹配的 DOM 元素?cái)?shù)組的 jQuery 對(duì)象。這個(gè)問(wèn)題我已經(jīng)見(jiàn)過(guò)好幾次被提及，盡管它非?；A(chǔ)，它經(jīng)常被用來(lái)區(qū)分一個(gè)開(kāi)發(fā)人員是否了解 jQuery。

　　2. 網(wǎng)頁(yè)上有 5 個(gè) <div> 元素，如何使用 jQuery來(lái)選擇它們？（答案）

　　另一個(gè)重要的 jQuery 問(wèn)題是基于選擇器的。jQuery 支持不同類型的選擇器，例如 ID 選擇器、class 選擇器、標(biāo)簽選擇器。鑒于這個(gè)問(wèn)題沒(méi)提到 ID 和 class，你可以用標(biāo)簽選擇器來(lái)選擇所有的 div 元素。jQuery 代碼：$("div")，這樣會(huì)返回一個(gè)包含所有 5 個(gè) div 標(biāo)簽的 jQuery 對(duì)象。更詳細(xì)的解答參見(jiàn)上面鏈接的文章。

　　3. jQuery 里的 ID 選擇器和 class 選擇器有何不同？（答案）

　　如果你用過(guò) CSS，你也許就知道 ID 選擇器和 class 選擇器之間的差異，jQuery 也同樣如此。ID 選擇器使用 ID 來(lái)選擇元素，比如 #element1，而 class 選擇器使用 CSS class 來(lái)選擇元素。當(dāng)你只需要選擇一個(gè)元素時(shí)，使用 ID 選擇器，而如果你想要選擇一組具有相同 CSS class 的元素，就要用 class 選擇器。在面試過(guò)程中，你有很大幾率會(huì)被要求使用 ID 選擇器和 class 選擇器來(lái)寫代碼。下面的 jQuery 代碼使用了 ID 選擇器和 class 選擇器：

　　正如你所見(jiàn)，從語(yǔ)法角度來(lái)說(shuō)，ID 選擇器和 class 選擇器的另一個(gè)不同之處是，前者用字符”#”而后者用字符”.”。更詳細(xì)的分析和討論參見(jiàn)上面的答案鏈接。

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

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

　　我喜歡這個(gè)問(wèn)題，因?yàn)楹苜N近實(shí)際使用，代碼也不復(fù)雜。

　　5.  $(document).ready() 是個(gè)什么函數(shù)？為什么要用它？(answer)

　　這個(gè)問(wèn)題很重要，并且常常被問(wèn)到。 ready() 函數(shù)用于在文檔進(jìn)入ready狀態(tài)時(shí)執(zhí)行代碼。當(dāng)DOM 完全加載（例如HTML被完全解析DOM樹(shù)構(gòu)建完成時(shí)），jQuery允許你執(zhí)行代碼。使用$(document).ready()的明顯好處在于它適用于所有瀏覽器，jQuery幫你解決了跨瀏覽器的難題。需要進(jìn)一步了解的用戶可以點(diǎn)擊 answer鏈接查看詳細(xì)討論。

本文版權(quán)歸傳智播客Android培訓(xùn)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處。謝謝！
作者：傳智播客Android培訓(xùn)學(xué)院
首發(fā)：http://xamj520.com/Android