js生成新标签不触发click事件

当我们使用js新创建了一个新标签时，点击事件并不会触发
例如：button 是我们生成的新标签

<button id="btn" type="button" >新生成的button</button>

平常根据id绑定点击事件，此方法在原来的标签中可以触发click事件，在新生成的标签中不触发click事件

$("#btn").click(function(){
	alert(1)
})

解决方案
方法一：使用on(“click”,function{})绑定点击事件

$("body").on("click","#btn",function(){
	alert(1)
})

方法二: 创建新标签的同时，添加一个onClick事件

//新生成的button标签
<button id="btn" type="button" onClick="btnClick()" >新生成的button</button>

//函数
function btnClick(){
	alert(1)
}

总结:当我们使用js生成未来标签时，未来标签不能直接使用click绑定事件，应该使用on(“click”,function{})函数绑定，或者在新生成未来标签的同时添加一个onClick函数