Question

我想开始使用jquery，我在youtube上关注的教程中找到了这段代码。在评论中我看到它对许多用户不起作用，但没有真正的解决方法。

<!doctype html>
<html>
<head>
    <meta charset=utf-8>
</head>
<body>
    <p onclick="$(this).hide();">this is a paragraph</p>
    <script source="js/jquery.js"></script>
</body>
</html>

在这个页面的文件夹中，我创建了一个名为js的子文件夹，我保存了从jquery.com复制代码的jquery.js文件

Answer 1

向前迈出的一步就是不要将代码与标记内联......

<!doctype html>
<html>
<head>
    <meta charset=utf-8>
</head>
<body>
    <p>this is a paragraph</p>
    <script source="js/jquery.js"></script>
    <script>
        $(function() 
            $('p').on('click', function() {
                $(this).hide();
            });
        });
    </script>
</body>
</html>

Answer 2

你试图在包含jQuery之前使用jQuery。

<script src='jquery.js'></script>必须在您使用$或jQuery之前显示。通常，您会将其包含在文档的<head>中。

您还应该将您的JavaScript与DOM分离，方法是将事件绑定移动到<head>中，并将它们包装在$(document).ready块中：

<head>
    <meta charset=utf-8>

    <script src="js/jquery.js"></script>
    <script>
        $(document).ready(function () {
            $('p').click(function () {
                $(this).hide();
            });
        });
    </script>
</head>

Answer 3

javascript的最佳做法是始终按照依赖顺序在<head>标记中加载依赖项。在这种情况下，首先放置jQuery引用，然后放置任何引用jQuery的文件。

<!doctype html>
<html>
<head>
    <meta charset=utf-8>
    <script source="js/jquery.js"></script>
</head>
<body>
    <p onclick="$(this).hide();">this is a paragraph</p>

</body>
</html>

这可以解决您的问题。

为什么这个简单的jquery代码不起作用？

3 个答案: