jquery on事件

以下是几种绑定方式：

1.普通的，只为一个元素绑定click事件

$('.abc').on('click' ,function(){
      alert('click event');
 })

2.在这里  可以改进一下第一种方法，将function()单写出来  （方法一的改进版本）

$('.abc').on('click' ,alertFn);

    var alertFn = function(){
      alert('click event');
    }

3.这种方法是一种传参方法，是方法二的进阶版

 $('.abc').on('click', {name: 'xiao hei',age: '23'}, alertFn);

var alertFn = function(obj){
      alert(obj.data.name);    //这里的alert值 是xiao hei
    }

4.还可以在一个元素上 ，为不同事件绑定同一方法

 $('.abc').on('mouseover mouseout', {name: 'xiao hei', age: '23'} , alertFn);
//这里  就给mouseover以及mouseout两个不同的事件绑定了同一个方法alertFn

 5.这种方法适合用于还没有创建的元素

$(document).ready(function(){
  $("div").on("click","p",function(){
    $(this).slideToggle();
  });
  $("button").click(function(){
    $("<p>This is a new paragraph.</p>").insertAfter("button");
  });
});

 

 

赞时感觉这些方法够用了