• 技术文章 >web前端 >前端问答

    jquery怎样实现两秒后消失

    长期闲置长期闲置2022-01-10 16:49:22原创59

    在jquery中,可用delay()和hide()函数来说实现元素两秒后消失效果,delay()函数用于对队列下一项的执行设置延迟时间,hide()函数用于隐藏被选中的元素,语法为“$(元素).delay(2000).hide(200)”。

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery怎样实现两秒后消失

    delay() 方法对队列中的下一项的执行设置延迟。

    语法

    $(selector).delay(speed,queueName)

    参数

    speed 可选。规定延迟的速度。可能的值:毫秒、"slow"、"fast"

    queueName 可选。规定队列的名称。默认是 "fx",标准效果队列。

    hide() 方法隐藏被选元素。

    提示:这与 CSS 属性 display:none 类似。

    注释:隐藏的元素不会被完全显示(不再影响页面的布局)。

    提示:如需显示隐藏的元素,请查看 show() 方法。

    语法

    $(selector).hide(speed,easing,callback)

    示例如下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#dianji").click(function(){
                $("#disappare").delay(2000).hide(200);
            });
        })
    </script>
    </head>
    <body>
        <div id="content">
            <button id="dianji">点击</button>
            <div id="disappare">
                <p>点击2秒后会自动消失</p>
            </div>
        </div>
    </body>
    </html>

    输出结果:

    01.gif

    相关视频教程推荐:jQuery视频教程

    以上就是jquery怎样实现两秒后消失的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:vue中骨架屏是什么 下一篇:jquery中的data是什么意思

    相关文章推荐

    • jquery中each的使用形式是什么• bootstrap与jquery的区别是什么• jquery怎样实现a标签的功能• jQuery中css()和addclass()有啥区别• jquery php如何实现实时数据更新

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网