jquery經典面試題

jQuery是一款非常流行的Javascript架構，如果你想要從事Web前端開發這個崗位，那麼jQuery是你必須掌握而且能夠熟練應用的一門技術。本文整理了一些關于jQuery的經典面試題及答案，分享給正要面試Web開發崗位的同學。問題：jQuery的美元符号$有什麼作用？回答：其實美元符号$隻是”jQuery”的别名，它是jQuery的選擇器，如下代碼：$(document).ready(function(){});當然你也可以用jQuery來代替$，如下代碼：jQuery(document).ready(function(){});jQuery中就是通過這個美元符号來實作各種靈活的DOM元素選擇的，例如$(“#main”)即選中id為main的元素。問題：body中的onload()函數和jQuery中的document.ready()有什麼差別？回答：onload()和document.ready()的差別有以下兩點：1、我們可以在頁面中使用多個document.ready()，但隻能使用一次onload()。2、document.ready()函數在頁面DOM元素加載完以後就會被調用，而onload()函數則要在所有的關聯資源（包括圖像、音頻）加載完畢後才會調用。問題：jQuery中有哪幾種類型的選擇器？回答：從我自己的角度來講，可以有3種類型的選擇器，如下：1、基本選擇器：直接根據id、css類名、元素名傳回比對的dom元素。2、層次選擇器：也叫做路徑選擇器，可以根據路徑層次來選擇相應的DOM元素。3、過濾選擇器：在前面的基礎上過濾相關條件，得到比對的dom元素。問題：請使用jQuery将頁面上的所有元素邊框設定為2px寬的虛線？回答：這正是jQuery選擇器上場的時候了，代碼如下：問題：當CDN上的jQuery檔案不可用時，該怎麼辦？回答：為了節省帶寬和腳本引用的穩定性，我們會使用CDN上的jQuery檔案，例如google的jquery cdn服務。但是如果這些CDN上的jQuery服務不可用，我們還可以通過以下代碼來切換到本地伺服器的jQuery版本：問題：如何使用jQuery實作點選按鈕彈出一個對話框？回答：代碼如下：HTML： jQuery：問題：jQuery中的Delegate()函數有什麼作用？回答：delegate()會在以下兩個情況下使用到：1、如果你有一個父元素，需要給其下的子元素添加事件，這時你可以使用delegate()了，代碼如下：$("ul").delegate("li", "click", function(){$(this).hide();});2、當元素在目前頁面中不可用時，可以使用delegate()問題：怎樣用jQuery編碼和解碼URL？回答：在jQuery中，我們可以使用以下方法實作URL的編碼和解碼。encodeURIComponent(url) and decodeURIComponent(url)問題：如何用jQuery禁用浏覽器的前進後退按鈕？回答：實作代碼如下：