对元素绑定事件方法

1、对元素绑定事件的方法不止一种，live(1.9后版本不支持),bind,on,delegate。

2、多数时候使用on绑定事件。

$("p").on("click",function(){
    //do something
});

3、对于动态创建的元素绑定事件。

$(document).on("click",".bind p",function(){
    //do something
});

上面这种是使用on绑定事件，另一种方法是使用delegate同样可以

$(".bind").delegate("p","click",function(){
    //do something
})

使用delegate方法绑定事件，需要根据父级去找该元素。

除了上面两种，还可以在动态添加元素的方法函数里面写事件，同样可以实现绑定事件

$(".bind button").on("click",function(){
    $('<p class="new1">新增元素</p>').appendTo($(".bind"));
        $(".bind .new1").on("click",function(){
            //do something
        });
    });

4、对同一元素同时绑定多个事件

$(document).ready(function(){

  $("p").on({

    mouseover:function(){$("body").css("background-color","lightgray");},  

    mouseout:function(){$("body").css("background-color","lightblue");}, 

    click:function(){$("body").css("background-color","yellow");}  

  });

});