jquery - 如何在 Notepad++ 中正确使用 jQuery？

Question

我目前正在学习 HTML、CSS 和一些 jQuery，并尝试建立一个网站。我正在使用 Notepad++ 和 HTML，CSS 代码工作正常。现在我正在尝试为一些动画实现一些 jQuery 代码，但它似乎工作得不是很好。我创建了一个 div 并使用 ID 将其命名为“header”。我已经设置了所有的 CSS 代码，现在试图在我将鼠标悬停在上面时使其淡入 1 不透明度(我在 CSS 中将不透明度设置为 0.5)。

#header {
float: right;
position: relative;
width: 1100px;
height: 110px;
margin-top: -130px;
margin-right: 0px;
background-color: #e68a00;
opacity: 0.5;
}

$(document).ready(function() {
$("#header").mouseenter(function() {
$("#header").fadeTo('fast', 1)
});
$("#header").mouseleave(function() {
$("#header").fadeTo('fast', 0.5)
});
});

但出于某种原因，它对我不起作用。没有正确启用 jQuery 还是我的代码有误？

这是我的链接:

<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javascript" src="script.js"></script>

提前致谢! :)

P.S 英语不是我的第一语言，因此如果我的语法不正确，我深表歉意。

Answer 1

您还必须在代码中链接 jquery 文件。转到以下链接并下载您需要的版本。 https://jquery.com/download/

然后在 script.js 文件上方放置对文件的引用。