Javascript '$'；在定义之前已使用_Javascript_Jquery_Html

Javascript '$'；在定义之前已使用

javascript jquery html

Javascript '$'；在定义之前已使用,javascript,jquery,html,Javascript,Jquery,Html,这是我第一次尝试使用JQuery，我试图在文档准备就绪时添加一个事件，但每次都会显示： “$在定义之前已使用” 我不知道怎么解决它。我在互联网上尝试了不同的解决方案，但都找不到。我真的不知道我做错了什么我将HTML文件引用到js文件，如下所示 <!DOCTYPE html> <html> <head> <title>Experimenting with Javascript</title> <script typ

这是我第一次尝试使用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>

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

添加JQuery库（）

在应用程序中的每个div上添加一个事件-重新思考这个问题。添加一个类或其他内容，并将其添加到单个元素容器或主体中，但不要将其添加到最常见的元素中

添加JQuery库（）

在页面中引用JQuery库，如下所示

<!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>

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

在js文件的script标记上方包含此标记

引用页面中的JQuery库，如下所示

<!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>

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

在js文件的script标记上方包含此标记这里的问题是，您使用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>


正在试验Javascript

只是澄清一下，jQuery是一个作用于JavaScript之上的库，因此您需要在使用它的脚本之上包含该库

注意：最佳做法是在结束正文标记之前包含脚本。

这里的问题是，您使用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>


正在试验Javascript

只是澄清一下，jQuery是一个作用于JavaScript之上的库，因此您需要在使用它的脚本之上包含该库

注意：最佳做法是在结束正文标记之前包含脚本。

您应该这样组织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>


正在试验Javascript

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

您应该这样组织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>


正在试验Javascript

1.在调用项目JS文件之前，您应该调用Jquery库。
您需要在页面中使用它！您在哪里添加了jquery？如果您甚至不知道如何使用库，我建议您不要使用
“use strict”
，当你没有使用它的经验时，它可能会导致问题（请参阅，甚至亚马逊也把它搞砸了）。@blex：如果你没有使用它的经验（或javascript），那么现在就开始使用
“use string”，这样您就可以习惯它，并养成良好的编码习惯。也许这是认为jQuery是JavaScript同义词的常见情况。jQuery是一个用JavaScript编写的库。你需要在你的页面中使用它！您在哪里添加了jquery？如果您甚至不知道如何使用库，我建议您不要使用“use strict” ，当你没有使用它的经验时，它可能会导致问题（请参阅，甚至亚马逊也把它搞砸了）。@blex：如果你没有使用它的经验（或javascript），那么现在就开始使用“use string”，这样您就可以习惯它，并养成良好的编码习惯。也许这是认为jQuery是JavaScript同义词的常见情况。jQuery是一个用JavaScript编写的库。是的，我不打算在每个div上使用它，但这只是为了测试。是的，我不打算在每个div上使用它，但这只是为了测试