## 事件綁定
### 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');
});
~~~
