2018-06-30 js事件

一.js代码加载的时机

　　1.DOM加载完毕 -> 将js代码放到body体之下即可；

　　2.网页资源加载完毕-> $(window).onload(function(){  });

　　3.jQuery实现等DOM加载完毕运行 ->$(function(){ }) 或 $(document).ready(fucntion(){　　})

二.事件处理

　　1.bind() ->事件绑定

　　　　$('div').bind('click',function(){

　　　　　　alert(1);

　　　　})//给div绑定click事件

　　2.unbind() ->解除事件绑定

　　3.one() ->绑定事件，仅一次（运行一次之后就自动解除事件绑定）

三.事件委派

　　1.live() ->给新生事物增加事件

　　　$('div').live('click',function(){

　　　　　　alert(1);

　　　　})//给div委派click事件

　　2.die() ->解除事件

四.事件切换

　　1.toggle(fn1,fn2) -> 点击循环执行fn1与fn2

　　2.hover(fn1,fn2) -> 移入移出循环执行fn1与fn2