要定义$的jQuery/JavaScript文件是什么？

我想在另一个Div上做一个简单的滑动Div。 这正是我想要做的，但由于我是这个编码世界的新手，在将代码复制到我自己的文件后，我得到了警告

uncaughtreferenceerror:$is not defined

<div class="hidden" id="slide">INFORMATION ABOUT IMAGE APPEARS ON CLICK</div> 
<div class="image"><br>THERE'S A NICE IMAGE HERE</div>

$(document).ready(function() {$('#slide').click(function() {
var hidden = $('.hidden');
if (hidden.hasClass('visible')) {
  hidden.animate({"top": "160px"}, "slow").removeClass('visible');
} 
else {
    hidden.animate({"top": "0px"}, "slow").addClass('visible');
}
});
});

有关图像的信息会在单击时显示

这里有一个很好的图像
$（文档）.ready（函数（）{$（'#幻灯片'）。单击（函数（））{
var hidden=$（'.hidden'）；
if（hidden.hasClass（'visible'））{
hidden.animate（{“top”：“160px”}，“slow”）.removeClass（'visible'）；
} 
否则{
hidden.animate（{“top”：“0px”}，“slow”）.addClass（'visible'）；
}
});
});

我现在明白了，我必须在HTML头部链接一个/多个（？）文件来定义我的

$

。有人能帮我找到正确的文件并告诉我如何将它们链接到我的html中吗？

单个jQuery分发文件，可以在多个CDN上使用

这里是您问题中的代码，添加了jQuery，只是为了表明它不再抱怨

$

没有定义。它仍然不起作用，因为单击隐藏元素确实很困难，但这是向前迈出的一步

$（文档）.ready（函数（）{
$（“#幻灯片”）。单击（函数（）{
var hidden=$（'.hidden'）；
if（hidden.hasClass（'visible'））{
隐藏动画({
“顶部”：“160px”
}，“slow”）.removeClass（'visible'）；
}否则{
隐藏动画({
“顶部”：“0px”
}，“slow”）.addClass（“可见”）；
}
});
});
有关图像的信息会在单击时显示

这里有一个很好的图像

像照片中那样添加Jquery，或者将其添加为外部资源
您似乎正在使用Jquery，而没有导入它。
您需要添加jQuery库才能使用它：

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

在使用之前，您需要加载jQuery$

在使用jQuery之前，请尝试添加它

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


您在编程方面达到了1级，首先要学习课程或观看视频，否则您会遇到很多困难，您需要包含库/插件文件才能使用它。在这里，您没有包含jQuery，因此出现了错误