如何使用jQuery隐藏和显示div

我正在开发一个用于CI测试的引导网站。我创建了一个div#chooseTest，它带有一个下拉菜单，用户可以通过该菜单选择要执行的测试类型

编辑：该文件是一个.hbs文件（把手）。经过一些挖掘，我意识到带有jQuery的.js文件甚至没有运行

当用户做出选择时，#chooseTest不应可见（它仍然是：文本字段下带有下拉菜单的Div）。适当的div应该在它的位置可见：#例如mavenForm（带有复选框的div：findbug&checkstyle）

现在什么都没用#mavenForm在网站启动时可见，下拉菜单仅用于显示。代码有什么问题

$（函数（）{
$（“#mavenForm”）.hide（）；
$（“#dropDownJava”）。单击（函数（）{
$（“#选择测试”）.hide（）；
$（“#mavenForm”）.show（）；
});
});

说出你的名字
项目
输入你的Git
存储库
选择测试
静态分析工具
方格
您的代码似乎与jQuery 2.1.1以及页面就绪函数中的jQuery函数配合得很好。请参阅下面的代码段以查看：


$（函数（）{
$（“#mavenForm”）.hide（）；
$（“#dropDownJava”）。单击（函数（）{
$（“#选择测试”）.hide（）；
$（“#mavenForm”）.show（）；
});
});

说出你的名字
项目
输入你的Git
存储库
选择测试
静态分析工具
方格
基于JQuery文档：
在文档“就绪”之前，无法安全地操作页面。jQuery为您检测到这种就绪状态。包含在$（文档）中的代码。只有在页面文档对象模型（DOM）准备好让JavaScript代码执行后，ready（）才会运行。包含在$（窗口）中的代码。on（“load”，function（）{…}）将在整个页面（图像或iFrame，而不仅仅是DOM）就绪后运行。“

JSFIDLE上的另一个测试：

因此，您需要做的是用$（document.ready（function（）{/*您的代码*/}）包围jquery代码


$（文档）.ready（函数（）{
$（'#mavenForm'）.hide（）；
$（'#dropDownJava'）。单击（函数（）{
$（'#chooseTest'）.hide（）；
$（'#mavenForm'）.show（）；
});
});

说出你的名字
项目