鋒利的jQuery -第四章 jQuery中的事件和動畫 【讀書筆記】

#鋒利的jQuery
#第四章 jQuery中的事件和動畫
##4.1 jQuery中的事件
###4.1.1 加載DOM
頁面加載完畢後，瀏覽器會經過JavaScript爲DOM元素添加事件。常規的JavaScript代碼一般使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法。

• 1. 執行時機
     windo.onload是網頁中的全部元素（包括元素的全部關聯文件）徹底加載到瀏覽器後才執行，即JavaScript此時才能夠訪問網頁中的任何元素。而經過jQuery中的$(document).ready()方法註冊的事件處理程序，在DOM徹底就緒時就能夠被調用。此時，網頁的全部元素對jQuery而言都是能夠訪問的，可是，這並不意味着這些元素關聯的文件都已經下載完畢。
     jQuery代碼：
     $(window).load(funciton(){ //編寫代碼 })

等價於JavaScript中的如下代碼：
window.onload = functions(){ //編寫代碼 }

• 2. 屢次使用
     假設網頁中有兩個函數，JavaScript代碼以下：
     function(){ alert("one"); }

  function(){ alert("two"); } 當頁面加載完畢後，經過以下JavaSript代碼分別來調用one函數和two函數： window.onload = one; window.onload = two;

然而當運行代碼後，發現只彈出字符串"two"對話框。
字符串「one」對話框不能被彈出的緣由是JavaScript的onload事件一次只能保存對一個函數的引用，它會自動用後面的函數覆蓋前面的函數，所以不能在現有的行爲上添加新的行爲。