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