JQuery给动态添加的元素绑定事件

jquery中绑定事件一般使用bind、on或者click，但是这只能是对已经加载好（HTML中创建的元素）的元素定义事件，但很多时候我们需要对都来动态添加（创建）的元素绑定某些事件。在JQ1.7版本以前使用可以通过live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态添加的元素绑定事件
在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况
例如：

 $(".List").html("<li>"+text+"</li>");

在原本就存在的类名为List的ul里面添加一个li,我们需要对li绑定单击事件，那么在jquery 1.7版以前使用live动态绑定事件

$("#(".List li").live("click",function(){
    ...
});

jquery 1.7版以后使用on动态绑定事件

 $(".List").on("click","li",function () {
              $(".List").slideUp();
              $(this).css("background","red")
    });

这里是给li添加事件委托，委托对象最好是它的父元素，而回调函数里面的$(this)指的是li标签，而不是List了
好啦，希望我的分享对大家有所帮助吧~