0

我今天刚开始学习 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 文件,但不喜欢第一行的 $。

再说一遍,我对此很陌生,任何应该显而易见的东西对我来说都不明显。感谢我得到的任何帮助。

4

2 回答 2

4

美元符号属于 jQuery 库命名空间,因此您需要在使用之前包含 jQuery。包含库后,您可以使用这些功能,例如通过 选择$('.classname')

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

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

于 2013-03-26T17:44:12.500 回答
2

您是否在 html 文件中包含 jQuery?就像是

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

这必须在第一次使用 $ 之前包括在内,因此在包括你的之前script.js

于 2013-03-26T17:44:21.003 回答