jquery一些事件处理

<div id="outer"><div id="inner"></div></div>

1、bind绑定一个事件

$("#inner").bind('click',function(){

     //do something after click;

});

2、bind绑定多个事件，且触发相同的动作

$("#inner").bind('click mouseover',function(){

     //do something after click;

});

3、bind绑定多个事件，且触发不同的动作

$("#inner").bind({

    click:function(){

        //do something after click;

    },

    mouseleave:function(){

        //do something after mouseleave;

    },

});

4、在点离outer以外的地方隐藏outer,inner，但点击inner的时候不隐藏

$("#outer").bind({
  click:function(event){
   event=event||window.event;
   event.stopPropagation();
  }
 });
 $(document).bind({
  click:function(event){
   $("#inner").remove();
  }
 });