javascript - 使用jQuery，如何使用函数使div对象可见？

以下div是我身体的一部分：

   <div id="errorSection" class="alert alert-danger"> Error: Location could not be found.</div>
    <br>

我有这个div样式，如下所示：

  #errorSection{
    visibility: hidden;
    text-align: center;
    font-style: bold;
    font-size: 14pt;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

调用以下函数时，如何使用jQuery使它出现。我现在拥有的方式是调用错误。

  function noLocation(){
    $('#errorSection').style.visibility.visible;
  }

最佳答案

保留声明的CSS将是：

$('#errorSection').css('visibility', 'visible');

但我建议您使用这样的额外CSS声明：

#errorSection.showError {
    visibility: visible;
}

$('#errorSection').addClass('showError');

这意味着您将来可以更改CSS以使用display: none;（甚至height: 0;或position: absolute; left: -99999;），而不必修改JavaScript（关注点分离）