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

Question

我是使用Jquery的新手。当前，errorSummaryDiv元素未显示。我试图编写代码以将元素从display：none更改为display：block或完全摆脱display：none属性。由于某些原因，我无法使用以下代码将css从隐藏更改为块。我做错了什么？我知道if语句的计算结果为true，因为在控制台中记录了“ hi”。您是否需要做一些我想念的特别事情？先感谢您。

HTML：

<div class = "errorSummaryDiv">
    <h3>You have the following errors: </h3>
    <ul id="errors"></ul>
</div>

jQuery / Js：

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

    }   

CSS：

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

div {
    display: block;
}

Answer 1

使用jquery的hide / show方法，例如：

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

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

说明：hide()会将display:none css放在调用它的元素上，反之亦然

Working Fiddle

注意：不要忘记在代码中包含jquery库