在定义之前使用了“$”[重复]答案

【问题标题】：'$' was used before it was defined [duplicate]在定义之前使用了“$”[重复]
【发布时间】：2015-01-02 02:46:56
【问题描述】：

这是我第一次尝试使用 JQuery，我试图在文档准备好时添加一个事件，但每次它都说：

“在定义之前使用了$”。

我不知道如何解决它。我在互联网上尝试了不同的解决方案，但找不到任何解决方案。真的不知道我做错了什么。

我像这样将HTML文件引用到js文件中

<!DOCTYPE html>
<html>
<head>
    <title>Experimenting with Javascript</title>
    <script type="text/javascript" src="script.js"></script>
    <link type="text/css" rel="stylesheet" href="main.css" />
</head>

这是我的脚本

$(document).ready(function () {
  "use strict";
    $('div').mouseenter(function () {
      $(this).animate({
        height: '+=10px'
    });
  });
});

【问题讨论】：

你需要在你的页面include the jQuery library才能使用它！
你在哪里添加了 jquery？
如果你甚至不知道如何使用库，我建议不要使用"use strict";，如果你没有使用它可能会导致问题（见this，即使亚马逊也搞砸了跟上）。
@blex：如果您没有使用它（或一般的 javascript）的经验，那么是开始使用"use string"; 的好时机，这样您就可以习惯它了，你就会养成良好的编码习惯。
也许这是认为 jQuery 是 JavaScript 的同义词的常见情况。 jQuery 是一个用 JavaScript 编写的库。

标签： javascript jquery html

【解决方案1】：

添加 JQuery 库 (http://jquery.com/)
在应用中的每个 div 上添加一个事件 - 重新考虑这一点。添加一个类或其他东西，并将其添加到单个元素容器或主体中，但不要将其添加到最常见的元素中。

【讨论】：

是的，我不打算在每个 div 上都使用它，但这只是为了测试

【解决方案2】：

在你的页面中引用 JQuery 库，像这样

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

在你的 js 文件的 script 标签上面加上这个标签

【讨论】：

【解决方案3】：

这里的问题是您使用 jQuery 时实际上并未在 HTML 文件中包含该代码库。

<!DOCTYPE html>
<html>
<head>
    <title>Experimenting with Javascript</title>

    <link type="text/css" rel="stylesheet" href="main.css" />
</head>

<body>

    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
</body>

澄清一下，jQuery 是一个在 JavaScript 之上运行的库，因此您需要将该库包含在您自己的使用它的脚本之上。

注意：最好在结束正文标记之前包含脚本。

【讨论】：

【解决方案4】：

你应该这样组织你的 HTML DOM：

<!DOCTYPE html>
<html lang="en" class="">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Experimenting with Javascript</title>    
        <link type="text/css" rel="stylesheet" href="main.css" />
    </head>

<body>
    <script src="//code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="script.js"></script>
</body>

1.您应该在调用您的项目JS文件之前调用Jquery库。

【讨论】：