Notepad ++에서 jQuery를 올바르게 사용하는 방법은 무엇입니까?

Question

저는 현재 HTML, CSS, jQuery를 배우고 있으며 웹 사이트를 구축하려고합니다. 메모장을 사용하고 있습니다. ++ 및 HTML, CSS 코드가 올바르게 작동하고 있습니다. 이제 일부 애니메이션을위한 jQuery 코드를 구현하려고하는데 아주 잘 작동하지 않는 것 같습니다. div를 생성하고 ID를 사용하여 "헤더"라는 이름을 지정했습니다. 나는 모든 CSS 코드를 설정했고, 이제는 내 마우스를 움직일 때 불투명도가 희미해질 것입니다 (CSS에서 불투명도를 0.5로 설정했습니다).

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

하지만 나를 위해 작동하지 않는 몇 가지 이유

#header { float: right; position: relative; width: 1100px; height: 110px; margin-top: -130px; margin-right: 0px; background-color: #e68a00; opacity: 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 파일 위에있는 파일에 대한 참조를 배치하십시오.