jquery的消失显示效果问题
现默认有6个div方块，点击可使其消失 另有一个增加div按钮，课添加div
问题
新添加的div无法点击消失
图例
<!DOCTYPE html
>
<html
>
<head
>
<meta charset
="utf-8">
<title
></title
>
<script src
="js/jquery-3.4.1.js" type
="text/javascript" charset
="utf-8"></script
>
<style type
="text/css">
div
{
width
: 50px
;
height
: 50px
;
background
-color
: #
7FFFD4
;
margin
: 0.125rem
;
float
: left
;
}
</style
>
</div
>
</head
>
<body
>
<div
></div
>
<button type
="button" id
="adddiv">加一个div
</button
>
<script type
="text/javascript">
$(document
).ready(function(){
for(var i
=0;i
<5;i
++){
$("<div>").appendTo(document
.body
);
}
$("#adddiv").click(function(){
$("<div>").appendTo(document
.body
);
});
$('div').click(function(){
$(this).hide(600);
});
});
</script
>
</body
>
</html
>
请问问题出现在了哪？
