Question

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

＆＃34; $在定义之前使用＆＃34; 。

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

我将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'
    });
  });
});

Answer 1

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

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

将此标记包含在js文件的脚本标记上方

Answer 2

添加JQuery库（http://jquery.com/）
在应用中的每个div上添加一个事件 - 重新考虑此事。添加一个类或其他内容，并将其添加到单个元素容器或正文中，但不要将其添加到最常见的元素中。

Answer 3

您应该按照以下方式组织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库。

Answer 4

这里的问题是你使用的是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 个答案: