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");}
);