-1

我想开始使用 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.js 文件，从 jquery.com 复制代码

4

3 回答 3

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>
于 2013-10-22T12:57:03.180 回答
0

在包含 jQuery 之前，您正在尝试使用 jQuery。

<script src='jquery.js'></script>必须出现在您使用or$之前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>
于 2013-10-22T12:55:33.807 回答
0

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>

这应该可以解决您的问题。

于 2013-10-22T12:57:21.200 回答