如何在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？

回答

相關問題