本篇教程介绍了jQuery教程 点击按钮出现提示框三秒后消失详解，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

<

点击按钮出现提示框三秒，三秒后消失




.prompt{
    display: none;
    padding:20px;
    position: fixed;
    top: 40%; left:40%;
    border-radius:5px;
    background: rgba(0,0,0,0.4);
    z-index: 5000;
    color:#FFF;
}

<button class="btn">alert</button>
<p class="prompt">Submission of success</p>

$ (function (){
    $ (‘.btn‘).click (function (){
        $ (‘.prompt‘).show().delay(1000).fadeOut();
    });
});    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道！