html+jquery 实现显示隐藏

最新推荐文章于 2022-07-20 00:44:40 发布

忆安_2019

最新推荐文章于 2022-07-20 00:44:40 发布

阅读量237

点赞数

文章标签： jquery html5

本文链接：https://blog.youkuaiyun.com/qq_20699037/article/details/115327527

版权

下列通过两个按钮实现显示隐藏
html+jquery

<p>hello</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>

<script src="/static/js/jquery-3.6.0.min.js"></script>
<script>
    
    $(function(){
        
        $("#hide").click(function(){
            $("p").hide(1000);
        });
        $("#show").click(function(){
            $("p").show(1000);
        });
    });
    
</script>