教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

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

更新時間:2016年10月27日17時21分 來源:傳智播客Android培訓(xùn)學(xué)院 瀏覽次數(shù):

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

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

  1. jQuery 庫中的 $() 是什么?(答案如下)

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

  2. 網(wǎng)頁上有 5 個 <div> 元素,如何使用 jQuery來選擇它們?(答案

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

  3. jQuery 里的 ID 選擇器和 class 選擇器有何不同?(答案

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

1
2
$('#LoginTextBox')  // Returns element wrapped as jQuery object with id='LoginTextBox'
$('.active'// Returns all elements with CSS class active.

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

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

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

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

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

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

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

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

0 分享到:
和我們在線交談!