会叠加,叠加的的标签没有事件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>click事件</title>
<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
<script type="text/javascript">
$().ready(function(){
for(var i=0;i<3;i++)
{
//会叠加,叠加的的标签没有事件
$("div").click(function(){
alert("我是div");
$("body").append($("<div/>").text("123"));
});
}
});
</script>
</head>
<body>
<div>我是div</div>
</body>
</html>
不会叠加,增加的标签没有事件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>click事件</title>
<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
<script type="text/javascript">
$().ready(function(){
for(var i=0;i<3;i++)
{
不会叠加,增加的标签没有事件
$("div").unbind("click");
$("div").bind("click",function(){
alert("我是div");
$("body").append($("<div/>").text("123"));
});
}
});
</script>
</head>
<body>
<div>我是div</div>
</body>
</html>
会叠加,叠加的标签有事件
$("body").delegate("div","click",function(){
$("body").append($("<div/>").text("123"));
})