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函數