使用jQuery代碼簡(jiǎn)化Ajax講解 簡(jiǎn)單示例，它說(shuō)明了 jQuery 對代碼的影響。執行一些真正簡(jiǎn)單和常見(jiàn)的任務(wù)，比方說(shuō)為頁(yè)面的某一區域中的每個(gè)鏈接附加一個(gè)單擊（click），可以使用純 JavaScript 代碼
如果您具備 CSS 選擇器的基本知識，那么應該很熟悉這些語(yǔ)法。在 清單 2 中，#external_links 用于檢索 id 為 external_links 的元素。a 后的空格表示 jQuery 需要檢索 external_links 元素中的所有 <a> 元素。用英語(yǔ)說(shuō)起來(lái)非常繞口，甚至在 DOM 腳本中也是這樣，但是在 CSS 中這再簡(jiǎn)單不過(guò)了
$() 函數返回一個(gè)含有所有與 CSS 選擇器匹配的元素的 jQuery 對象。jQuery 對象 類(lèi)似于數組，但是它附帶有大量特殊的 jQuery 函數。比方說(shuō)，您可以通過(guò)調用 click 函數把 click 處理函數指定給 jQuery 對象中的所有元素。
還可以向 $() 函數傳遞一個(gè)元素或者一個(gè)元素數組，該函數將把這些元素封裝在一個(gè) jQuery 對象中。您可能會(huì )想要使用這個(gè)功能將 jQuery 函數用于一些對象，比方說(shuō) window 對象。例如，我們通常會(huì )像下面這樣把函數分配給加載事件：
| window.onload = function() { // do this stuff when the page is done loading }; |
使用 jQuery 編寫(xiě)的功能相同的代碼：
| $(window).load(function() { // run this when the whole page has been downloaded }); |
您可能有所體會(huì )，等待窗口加載的過(guò)程是非常緩慢而且令人痛苦的，這是因為必須等整個(gè)頁(yè)面加載完所有的內容，包括頁(yè)面上所有的的圖片。有的時(shí)候，您希望首先完成圖片加載，但是在大多數情況下，您只需加載超文本標志語(yǔ)言（Hypertext Markup Language，HTML）就可以了。通過(guò)在文檔中創(chuàng )建特殊的 ready 事件，jQuery 解決了這個(gè)問(wèn)題，方法如下：
| $(document).ready(function() { // do this stuff when the HTML is all ready }); |
這個(gè)代碼圍繞 document 元素創(chuàng )建了一個(gè) jQuery 對象，然后建立一個(gè)函數，用于在 HTML DOM 文檔就緒的時(shí)候調用實(shí)例?？梢愿鶕枰我獾卣{用這個(gè)函數。并且能夠以真正的 jQuery 格式，使用快捷方式調用這個(gè)函數。這很簡(jiǎn)單，只需向 $() 函數傳遞一個(gè)函數就可
聯(lián)系客服
