jquery .show() 与通过类名控制显示与隐藏的权重

NOyesNONO_

已于 2022-02-18 13:42:01 修改

阅读量404

点赞数

分类专栏：前端文章标签： jquery javascript 前端

于 2022-02-18 13:41:23 首次发布

本文链接：https://blog.csdn.net/NOyesNONO_/article/details/123001535

版权

前端专栏收录该内容

54 篇文章 2 订阅

订阅专栏

博客探讨了CSS中.box元素的显示与隐藏问题，通过.show(), .hide()方法及添加.box-show, .box-none类的不同顺序，展示了这些方法如何与CSS样式相互作用。实验结果显示.show().hide()的行为无法被添加的类名样式覆盖，暗示了它们可能有不同的实现机制。

摘要由CSDN通过智能技术生成

    <div class="box">盒子</div>

        .box {
            display: none;
        }

        .box-show {
            display: block;
        }

        .box-none {
            display: none;
        }

     // $('.box').hide()
        // setTimeout(() => {
        //     $('.box').addClass('box-show')
        // }, 2000)//一直没有显示



        // $('.box').addClass('box-show')
        // setTimeout(() => {
        //     $('.box').hide()
        // }, 2000)//先显示 后隐藏


        // $('.box').addClass('box-none')
        // setTimeout(() => {
        //     $('.box').show()
        // }, 2000)//先隐藏 后显示

        
        $('.box').show()
        setTimeout(() => {
            $('.box').addClass('box-none')
        }, 2000)//一直显示