Javascript 在jquery中隐藏div

我刚刚开始使用jQuery，但遇到了一些问题。我试着做一些简单的开始，当点击提交按钮时隐藏一个雇员。我的jQuery代码是：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
    $(document).ready(function(){
        $("submit").click(function(){
            $(#title).toggle();
        });
    });
</script>

$（文档）.ready（函数（）{
$（“提交”）。单击（函数（）{
$（#title）.toggle（）；
});
});

按钮的html是

    <input type="submit" value="SEARCH" name="submit" class="srchbutton">

---

当我点击按钮时，什么也没发生。我尝试了一些不同的变体，甚至尝试编写它，以便单击div本身隐藏它，但没有运气。有什么建议吗？

您似乎没有正确使用选择器。
如果您有一个带有

id=“title”

的div，请使用以下命令：

$("input[type=submit]").click(function(){
    $("#title").toggle();
});

检查此JSFIDLE以查看操作：

---

您似乎没有正确使用选择器。
如果您有一个带有

id=“title”

的div，请使用以下命令：

$("input[type=submit]").click(function(){
    $("#title").toggle();
});

检查此JSFIDLE以查看操作：

---

是“提交”按钮还是您忘记了id标签

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
$（“#title”）.toggle（）；
});
});

或

$（文档）.ready（函数（）{
$（“输入[type=submit]”。单击（函数（）{
$（“#title”）.toggle（）；
});
});

是submit类型的按钮还是您忘记了id标签#

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
$（“#title”）.toggle（）；
});
});

或

$（文档）.ready（函数（）{
$（“输入[type=submit]”。单击（函数（）{
$（“#title”）.toggle（）；
});
});

我建议使用fadeToggle（）而不是toggle（）。它有很好的动画效果。 此外，应该有一个外部脚本文件的结束标记

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $(".srchbutton").click(function(){
             $("#title").fadeToggle();
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.srchbutton”）。单击（函数（）{
$（“#title”）.fadeToggle（）；
});
});

我建议使用fadeToggle（）而不是toggle（）。它有很好的动画效果。 此外，应该有一个外部脚本文件的结束标记

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $(".srchbutton").click(function(){
             $("#title").fadeToggle();
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.srchbutton”）。单击（函数（）{
$（“#title”）.fadeToggle（）；
});
});