jQuery事件——window，滑鼠，鍵盤，表單，綁定與移除，複合事件

衆所周知，頁面被加載時，會觸發load事件，事件在元素對象與功能代碼中起着重要的橋梁作用。

事件分類：

• 簡單事件
• 複合事件

複合事件是截取組合了使用者操作，并且以多個函數作為響應而自定義的處理程式。

簡單事件：

• window事件
• 滑鼠事件
• 鍵盤事件
• 表單事件

window事件：當使用者執行某些會影響浏覽器的操作時，而觸發的事件。for instance：打開網頁時加載頁面，關閉視窗，調節視窗大小等操作引發的事件處理。常用的就是文檔就緒事件，ready（）

滑鼠事件：click（）；mouseover();mouseout();等事件

鍵盤事件：常見的keydown();keyup()和keypress()

表單事件：所有事件類型中最穩定，且支援最穩定的事件之一。

focus（）和blur(),分别是獲得焦點和失去焦點

綁定事件與移除事件

如果需要為比對的元素同時綁定一個或多個事件，可以使用bind（）方法，文法格式：

bind(type,[data],fn);      

參數類型	描述
type	事件類型，click等
[data]	傳遞給事件對象的額外資料對象，該參數不是必需的
fn	用來綁定的處理函數

綁定click事件

$("input[name=xiong]").bind("click",function(){
       $("p").css("background-color","#F30");
       });      

同時綁定多個事件

$("input[name=xiong]").bind("click",function(){
      mouseover:function(){
             $("ul").css("display","none");
             },
      mouseout:function(){
           $("ul").css("display","block");
             }
       });      

移除事件

unbind(type,fn);//type為事件類型，fn為處理函數      

當unbind()不帶參數時，表示移除所綁定的全部事件

$("p").hover(function(){
    $("p").css("background-color","yellow");
},function(){
    $("p").css("background-color","pink");
});      

$("p").toggle(
  function(){
  $("body").css("background-color","green");},
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);