jquery中为动态增加的元素添加事件

 

 

// html代码
<ul id="main">
   
</ul>
// js代码
$(function(){
    // 动态添加html代码
    $("#main").append("<li class='list'>动态添加内容</li>");
　  // 为动态添加的内容绑定事件
    $("#main").on("click",".list",function(){
　　　　alert("事件绑定成功");
　　})；
})

 

jquery中使用 on() 方法添加的事件处理程序适用于当前及未来的元素；

$("此处填写页面中本来存在的元素").on("事件类型","动态增加的元素选择器",function(){});