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

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

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

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

相关文章