javascript - 隐藏/显示元素jQuery

我已经尝试了几个小时，试图让我的元素隐藏一个并显示另一个。我的脚本如下:

<script type="text/javascript">

   function () {

       $('#Instructions').hide();
       $('#GodDescription').show();
};
</script>

我不明白为什么没人工作。默认情况下，说明可见，而GodDescription不可见。现在，我只是想让GodDescription可见，并且在页面出现时隐藏说明。 css文件中的GodDescription显示为:none;

我在做什么错，应该怎么办？

感谢您的任何帮助。

最佳答案

如果您尝试在页面加载时执行此操作，则必须采用以下方式编写:

$(function () {

       $('#Instructions').hide();
       $('#GodDescription').show();
});

要么:

$(document).ready(function () {

           $('#Instructions').hide();
           $('#GodDescription').show();
    });

说明:
$(function(){ })($(document).ready()的简写)指示在文档准备好后执行其中的代码。这意味着所有HTML元素都将存在，并可供JavaScript使用。

根据JQUERY DOCS: