Javascript 尝试将jquery元素从display:hidden更改为display:block

我不熟悉使用Jquery。当前，errorSummaryDiv元素未显示。我正在尝试编写代码，将元素从display:none更改为display:block，或者干脆完全去掉display:none属性。由于某些原因，我无法用下面的代码使css从隐藏变为块。我做错了什么？我知道if语句的计算结果为true，因为控制台中正在记录“hi”。你一定要做一些我错过的特别的事情吗？先谢谢你

HTML:

css:

---

使用jquery的

隐藏

/

显示

方法，如：

$('.errorSummaryDiv').hide();  // To hide

$('.errorSummaryDiv').show();  // To show

解释：

hide（）

将在调用它的元素上放置

display:none

css，反之亦然

注意：别忘了在代码中包含jquery库

$（'div.errorSummaryDiv'）。show（）

---

应删除显示：无

Hey。谢谢你这么快回答。我试过了；功能，但它也不做任何事情。还有其他问题吗？当我在“元素”选项卡中检查div时，它仍然显示为display:hidden。有没有可能是找不到基于类的元素？我觉得自己很笨。。。我让它工作了。我只是没有调用函数。我注释掉了我的document.ready函数，该函数调用更改css的函数。我不知道为什么控制台会输出“hi”，但它现在可以工作了。谢谢你！太好了！！

if($('#errors').children().length === 0) {
        console.log('hi');
        $('div.errorSummaryDiv').css('display', 'block');

    }   

.errorSummaryDiv {
    display: none;
    width: 55%;
    background-color: #FFF69E;
    border-radius: 4px;
    color: #555;
    margin: 0 auto;
}

div {
    display: block;
}

$('.errorSummaryDiv').hide();  // To hide

$('.errorSummaryDiv').show();  // To show