jQuery事件处理

事件处理 on( ) 绑定事件

    on () 方法优势1：可以绑定多个事件，多个处理事件处理程序。

        $("div").on({   //  可以绑定多个事件
            mouseover:  function(){ },   
            mouseout:  function(){ },
            click:  function(){ }
         }); 
     // 如果事件处理程序相同
         $("div").on("mouseover  mouseout", function(){
                 $(this).toggleClass("current");  //   根据事件做添加，删除样式的操作
         });

     on()方法优势2：可以事件委派操作。事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。
        $("ul").on("click","li",function(){   //on("事件"，"子元素"，"回调函数")
            alert(‘hello‘);
        });   


     on()方法优势3：可以给未来动态创建的元素绑定事件
        $("ol").on("click","li",function(){
            alert(11);
        })
        var li=$("<li>后来创建的内容</li>");
        $("ol").append(li);