我刚开始使用 Jquery。目前,errorSummaryDiv 元素未显示。我正在尝试编写代码以将元素从 display: none 更改为 display: block 或完全删除 display:none 属性。出于某种原因,我无法使用以下代码将我的 css 从隐藏更改为 block 。我做错了什么?我知道 if 语句评估为真,因为“hi”被记录在控制台中。你必须做一些我想念的特别的事情吗?先感谢您。
HTML:
<div class = "errorSummaryDiv">
<h3>You have the following errors: </h3>
<ul id="errors"></ul>
</div>
J查询/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;
}
最佳答案
像这样使用 jquery 的 hide
/show
方法:
$('.errorSummaryDiv').hide(); // To hide
$('.errorSummaryDiv').show(); // To show
说明: hide()
会将 display:none
css 放在调用它的元素上,反之亦然
注意:不要忘记在代码中包含 jquery 库
关于javascript - 试图从显示 : hidden to display: block 更改 jquery 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42989791/