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

我目前正在学习HTML，CSS，一点jQuery，并试图建立一个网站。我使用Notepad ++和HTML，CSS代码正常工作。现在我正试图为一些动画实现一些jQuery代码，并且它看起来不太好。我创建了一个div，并使用ID将其命名为“标题”。我设置了所有的CSS代码，现在试图让我的鼠标悬停在我的鼠标上（我在CSS中将不透明度设置为0.5），使其淡入淡出。如何在Notepad ++中正确使用jQuery？

#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英语不是我的第一语言，因此，如果我的语法不正确，我很抱歉。

来源

2016-08-22 Makintoy

你可以粘贴你的完整代码在js小提琴 –

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

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

来源

2016-08-22 18:51:40

我同意，你的代码工作，你只需要先导入jquery.js。 – Halnex

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

回答

相关问题