Javascript 使用Jquery隐藏和显示div无效

我已经创建了一个表单和JQuery Ajax处理程序来处理登录。
在我的表单下，我创建了一个引导div弹出窗口，告诉我“用户名或密码不正确”。我想使用JQuery

$（）.hide（）

隐藏它，如果用户名和密码不在数据库中，我的处理程序脚本将显示div弹出窗口

这是div弹出窗口

<div id="error" class=" col-sm-3  mx-auto  mt-4 alert alert-danger alert-dismissible fade show" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
  Password or username incorrect.
</div>

问题：div弹出窗口显示在页面上，并且没有隐藏。 当我通过关闭按钮手动关闭它时。处理程序未显示 如果数据不正确，则输入div

---

将错误div的页面加载显示设置为无

<div id="error" class=" col-sm-3  mx-auto  mt-4 alert alert-danger alert-dismissible fade show" role="alert" style="display:none">

仅使用

$（“#error”）.hide（）

？我尝试过，加载页面时div显示的内容与此相同。请注意，我的所有脚本都封装在$（document）.ready（）函数中。请尝试在加载

#error

时执行

onload（）

函数，这样它将隐藏，您可以在其中执行

function（）{$（“#error）.hide}

或者您可以更改css，将其隐藏在startInspect中，使用开发人员工具查看您的div-引导可能会更改此div的行为。

<div id="error" class=" col-sm-3  mx-auto  mt-4 alert alert-danger alert-dismissible fade show" role="alert" style="display:none">