javascript - 在函数运行之前如何隐藏 CSS？

Question

我有一个基本功能，当没有点击答案时，它会显示一条错误消息div id“错误”。这工作正常但是当我有背景颜色和图像时显示 div 上的样式。我正在使用 jquery 和 moo 工具，

有没有办法隐藏这个样式，直到答案被设置。

    <style type="text/css>

    #error {

      border: 1px solid;
      margin: 10px 0px;
      padding:15px 10px 15px 50px;
      background-repeat: no-repeat;
      background-position: 10px center;
      color: #D8000C;
      background-color: #FFBABA;
      background-image: url('../images/error.png');

    }
    </style>

    <div id="error"></div>

    <script type="text/javascript>
    function showAnswerAlert() {
        $('error').set('html', '<strong>Please select an answer above.<strong>')


    }
    function clearErrorBox() {
        $('error').set('html','');


    }
    </script>

Answer 1

最初隐藏 div 并在 showAnswerAlert 或任何你需要的地方显示

<div id="error" style="display:none"></div>

function showAnswerAlert() {
    $('error').set('html', '<strong>Please select an answer above.<strong>');
    $('error').show();
}

或在文档准备好时隐藏错误 div

$(function(){
    $('error').hide();
});