Question

我是使用Jquery的新手。目前，不显示errorSummaryDiv元素。我正在尝试编写代码以将元素从display：none更改为display：block或者只是删除display：none属性。出于某种原因，我无法使用以下代码将我的CSS从隐藏更改为阻止。我做错了什么？我知道if语句正在评估为true，因为＆＃39; hi＆＃39;正在登录控制台。你必须做一些我特别想念的事吗？先感谢您。

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库

Answer 2

$('div.errorSummaryDiv').show() 应该删除display：none

尝试从display：hidden更改jquery元素：block

2 个答案: