JQuery实现动态加载的多个相同class元素的点击事件

Posted 2022-11-29 Rose✿留白ق೨

话不多说，请直接复制下面这段代码到html页面，然后用浏览器打开。

<input type="button" value="删除" class="delBtn" id="1"/>
<input type="button" value="删除" class="delBtn" id="2"/>
<input type="button" value="删除" class="delBtn" id="3"/>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
	$(".delBtn").on("click",function()
		alert(this.id);
	)
</script>

方法：

把
$(".delBtn").click(function())
修改为
$(".delBtn").on("click",function()