本篇文章给大家带来的内容是关于jquery动画之hide()和show()的使用讲解一（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

hide()和show()方法，可以设置动画效果，本文对这两种方法效果加以说明。

hide(参数1，参数2)：

参数1：时间，单位为毫秒，表示对象隐藏所用的时间

参数2：回调函数，该函数在对象隐藏后触发。

show(参数1，参数2)：

参数1：同上

参数2：同上

酷兔AI论文

一款AI论文写作工具，主要用于专业原创高质量、低查重，免费论文大纲，在线AI生成原创论文，AI辅助生成论文的神器！，适合需要提升相关任务效率的用户。

下载

示例：

需求说明：点击一个图片，该图片缓缓隐藏，隐藏后从页面删除，后一张图片补充前一张图片的位置

代码如下：

html>


    <meta>
    <title>Title</title>
    <style>
        img{
            width: 100px;
            height: 80px;
        }
        
        #pics div{
            float: left;
            margin: 2px;
            width: 100px;
            height: 80px;
        }
    </style>
    <script></script>
    <script>
        $(function(){
            //获取所有的图片,并注册点击事件
            $("#pics>div").click(function(){
                $(this).hide(800,function(){
//回调函数，清除当前点击的元素
                    $(this).remove();//方法移除当前调用这个方法的元素---自杀
                });
            });
        });
    </script>
    <div>
        <div><img></div>
        <div><img></div>
        <div><img></div>
        <div><img></div>
        <div><img></div>
    </div>

 备注：

 $(this).remove();//方法移除当前调用这个方法的元素---自杀