JQuery显示和隐藏元素进阶（动画效果）

你需要在body标签中写入如下代码

<script>
       for(var i = 0;i<5;i++){
           $("<div>").appendTo(document.body);
            //写出5个div块
        }
        $("div").click(function(){
            $(this).hide(2000,function(){
                 $(this).remove();
            });
            //设置点击按钮触发隐藏事件，时间为2秒，清除所点击的
        });   
 </script>

还需要一个css文件，用来设置div的样式

div{
    background: #ece023;
    width: 50px;
    height: 50px;
    margin: 2px;
    float: left;
}

运行界面（你可以点击每一个黄色div块来让它消失）

注：你需要提前将css文件引入