1.jQuery Event 事件: ready(fn); $(document).ready()注意在body中沒有onload事件，否則該函數不能執行。在每個頁面中可以有很多個函數被加載執行，按照fn的順序來執行。 bind( type, [data], fn ) 為每一個匹配元素的特定事件（像click）綁定一個或多個事件處理器函數。可能的事件屬性有：blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup,mousemove,mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress,keyup, error等。 one( type, [data], fn ) 為每一個匹配元素的特定事件（像click）綁定一個或多個事件處理器函數。在每個對象上，這個事件處理函數只會被執行一次。其他規則與bind()函數相同。 trigger( type, [data] ) 在每一個匹配的元素上觸發某類事件。 triggerHandler( type, [data] ) 這一特定方法會觸發一個元素上特定的事件(指定一個事件類型)，同時取消瀏覽器對此事件的默認行動。 unbind( [type], [data] ) 反綁定，從每一個匹配的元素中刪除綁定的事件。 $("p").unbind() 移除所有段落上的所有綁定的事件。 $("p").unbind( "click" ) 移除所有段落上的click事件。 hover( over, out ) over,out都是方法, 當鼠標移動到一個匹配的元素上面時，會觸發指定的第一個函數。當鼠標移出這個元素時，會觸發指定的第二個函數。 $("p").hover(function(){ $(this).addClass("over"); }, function(){ $(this).addClass("out"); } ); toggle( fn, fn ) 如果點擊了一個匹配的元素，則觸發指定的第一個函數，當再次點擊同一元素時，則觸發指定的第二個函數。 $("p").toggle(function(){ $(this).addClass("selected"); }, function(){ $(this).removeClass("selected"); } );
2.元素事件列表說明： 注：不帶參數的函數，其參數為可選的 fn。jQuery不支持form元素的reset事件。
事件 描述 支持元素或對象
blur( ) 元素失去焦點 a, input, textarea, button, select, label, map, area change( ) 用戶改變域的內容 input, textarea, select click( ) 鼠標點擊某個對象 幾乎所有元素 dblclick( ) 鼠標雙擊某個對象 幾乎所有元素 error( ) 當加載文檔或圖像時發生某個錯誤 window, img focus( ) 元素獲得焦點 a, input, textarea, button, select, label, map, area keydown( ) 某個鍵盤的鍵被按下 幾乎所有元素 keypress( ) 某個鍵盤的鍵被按下或按住 幾乎所有元素 keyup( ) 某個鍵盤的鍵被松開 幾乎所有元素 load( fn ) 某個頁面或圖像被完成加載 window, img mousedown( fn ) 某個鼠標按鍵被按下 幾乎所有元素 mousemove( fn ) 鼠標被移動 幾乎所有元素 mouseout( fn ) 鼠標從某元素移開 幾乎所有元素 mouseover( fn ) 鼠標被移到某元素之上 幾乎所有元素 mouseup( fn ) 某個鼠標按鍵被松開 幾乎所有元素 resize( fn ) 窗口或框架被調整尺寸 window, iframe, frame scroll( fn ) 滾動文檔的可視部分時 window select( ) 文本被選定 document, input, textarea submit( ) 提交按鈕被點擊 form unload( fn ) 用戶退出頁面 window