jQuery事件处理 on() 绑定事件

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

$(“input”).on({

  focus: function(){},

  blur: function(){}

});      

如果事件处理程序相同

$(“div”).on(“focus blur”, function() {

   $(this).toggleClass(“current”);

  });      

on() 方法优势2：可以事件委派操作 。事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。

$('ul').on('click', 'li', function() {

    alert('事件委派操作');

});      

on() 方法优势3：动态创建的元素，click() 没有办法绑定事件， on() 可以给动态生成的元素绑定事件

 $(“div").on("click",”p”, function(){

     alert("我可以给动态生成的元素绑定事件")

 });      

 $("div").append($("<p>我是动态创建的p</p>"));