jQuery效果隐藏与显示小方块的移除
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jquery</title>
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<style>
div {
width:50px;
height:50px ;
margin: 20px;
background-color:blueviolet ;
}
</style>
</head>
<body>
<script>
for (var i=0;i<5;i++) {
//创建div
$("<div>").appendTo(document.body);
}
$("div").click(function(){
$(this).hide(3000,function(){
$(this).remove();
});
})
</script>
</body>
</html>
效果：
2017-09-21 12:29:16
原文链接：https://www.cnblogs.com/guangzhou11/p/7567973.html
本文来源 爱码网，其版权均为 原网址 所有 与本站无关，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
B站导航 ，集网址、资源、资讯于一体的 综合网址导航站，简约优雅的设计风格，全面的前端用户功能，简单的模块化配置，欢迎您的体验