我今天刚刚开始学习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行说“$ is not defined”。现在这是我的javascript的第一行。很明显我的html是打开我的JS文件,但不喜欢第一行的$。
再一次,生病重复,我对此非常陌生,任何明显的事情对我来说都不会是显而易见的。谢谢你的帮助。
答案 0 :(得分:4)
美元符号属于jQuery库命名空间,因此您需要在使用之前包含jQuery。包含库后,您可以使用这些功能,例如通过$('.classname')
进行选择。
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
这包括缩小版本中的最新jQuery版本。您也可以在本地加载和托管此文件。
答案 1 :(得分:2)
你在你的html文件中包含了jQuery吗?像
这样的东西<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
必须在首次使用$之前包含此内容,因此在包含script.js