Question

我刚刚开始使用jQuery，而且我遇到了一些问题。我正在尝试一些简单的入门，当单击提交按钮时隐藏了一个EMPLOYEES。我的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>

按钮的html是

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

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

Answer 1

您似乎没有正确使用选择器。
如果你有一个id="title"的div，请使用：

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

检查此JSFiddle以查看操作： http://jsfiddle.net/9up7e8ka/

Answer 2

类型的按钮是提交还是忘记了id标签＃？

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

或

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

Answer 3

我建议使用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>

在jquery中隐藏div

3 个答案: