Jquery不起作用

Question

简单的jquery不会加载

    <script src="jquery-3.1.1.min.js" type="text/javascript">
    $(document).ready(function(){
        $("#p1").on("click", function(){
            $("#p1").slideUp(300);
        });
    });
</script>

如果可以请求帮助，因为我无法使用jQuery！

Answer 1

您应该确保提供单独的<script>标记。您不能拥有src以及具有相同标记的内容。每个src都有两个标签，内容如下：

<script src="jquery-3.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#p1").on("click", function(){
            $("#p1").slideUp(300);
        });
    });
</script>

另外，另一个最佳做法是，如果目标和来源都相同，您可以使用this：

$("#p1").on("click", function(){
    $(this).slideUp(300);
});