一个事件代理分类处理事件类型的例子

<ul class="main">
   <li class="one"></li>
   <li class="two"></li>
   <li class="three"></li>
</ul>

function selectHandle(action){
   $(".main").on(action,function({
       var target = event.target;
       swicth(target.className){
           case ‘one‘: 
                swicth(action){//处理操作};
           case ‘two‘:
                swicth(action){//处理操作};
           case ‘three‘:
                swicth(action){//处理操作};
       }
   }));
}

selectHandle(‘mouseover‘);
selectHandle(‘mouseout‘);