javascript - 与 jQuery 混淆，第 1 行 $未定义

Question

我今天刚刚开始学习 jQuery，我在 javascript 文件中编写了一段代码。此代码旨在使按钮在悬停在其上时淡出，然后在将鼠标移开后恢复正常。正如我刚才所说，我对 jQuery 非常陌生，这意味着我认为这是由于设置错误造成的。这是我的 javascript 内容:

$(document).ready(function(){
    $(".buttons").mouseenter(function(){
        $(".buttons").fadeTo("fast",0.25);
        });
    $(".buttons").mouseleave(function(){
        $(".buttons").fadeTo("slow",1);
        });
});

这个 javascript 文件说当我将鼠标悬停在类“按钮”上时淡出它们。我已将我的 HTML 文件链接到这个 js 文件:

<script type="text/javascript" src="script.js">

我知道正确链接到 javascript 文件，因为我打开 html 并且控制台在第 1 行显示“$ 未定义”。现在这是我的 javascript 的第一行。很明显，我的 html 正在打开我的 JS 文件，但不喜欢第一行的 $ 。

再次，我重复一遍，我对此非常陌生，任何应该显而易见的事情对我来说都不会显而易见。感谢您为我提供的任何帮助。

Answer 1

美元符号属于 jQuery 库命名空间，因此您需要在使用它之前包含 jQuery。添加库后，您可以使用这些函数，例如通过$('.classname')进行选择。

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

这包括最新的 jQuery 版本的缩小版。您也可以在本地加载和托管此文件。