## 事件绑定
### 1.bind()方法
结构：`bind(事件类型，回调函数)`；
~~~javascript
<input type="button" value="点我">
$('input[type=button]').bind('click',function(){
lg('hello world');
});
~~~
### 2.on()方法
on()方法结构和使用与bind()没有任何区别。
> 新版本的jQuery里面都是使用on()方法，bind()方法已经不再使用了。
~~~javascript
<input type="button" value="点我">
$('input[type=button]').bind('click',function(){
lg('hello world');
});
~~~
### 3.阻止冒泡
使用事件对象 event 的方法`stopPropagation();`
~~~javascript
$('input[type=button],div,body,html').on('click',function(event){
lg('click');
event.stopPropagation();
});
~~~
### 4.绑定多个事件
on()方法中可以使用类似JSON结构进行处理。
~~~javascript
$('input[type=button]').on({
hover:function(){
$(this).css('color','red');
},
mouseout:function(){
$(this).css('color','#fff');
},
click:function(){
alert('aaa');
}
});
~~~
### 5.事件解绑
使用unbind()方法解绑事件
~~~javascript
$('input[type=button]').on('click',function(){
lg('click');
$(this).unbind('click');
});
~~~
