Jquery/JS实现DIV的隐藏/显示

最新推荐文章于 2023-06-11 19:16:24 发布

EricaWu

最新推荐文章于 2023-06-11 19:16:24 发布

阅读量741

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript/Jquery

本文链接：https://blog.youkuaiyun.com/AkashaicRecorder/article/details/49094919

JavaScript/Jquery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了使用JQuery和JavaScript两种方式来控制网页中DIV元素的显示与隐藏。通过JQuery可以实现平滑的动画效果，而JavaScript则提供直接且快速的方法。这两种方法适用于不同的场景需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//JQuery方式，可调整DIV的隐藏/显示速度

 　　 function JQDivHidden() {
            $("#div1").hide("slow");　　//div1缓慢隐藏
        }

        function JQDivShow() {
            $("#div1").show("slow");　//div1缓慢显示
        }

//JS方法

 　　 function JSDivHidden() {
            document.getElementById("div1").style.display = 'none';　　//div1隐藏
        }

        function JSDivShow() {
          document.getElementById("div1").style.display = 'block';　    //div1显示
        }