티스토리 뷰
[JS] jQuery is not defined, $ is not defined 오류
JoonPyo-Hong 2021. 7. 27. 11:10반응형
개발자 모드(F12)에서 아래의 에러가 발생했다.
Uncaught ReferenceError: jQuery is not defined
Uncaught ReferenceError: $ is not defined
제이쿼리 (jQuery)가 제대로 로드 되지 않아서 발생한 것이다.
해결 방법
아래의 <script> 중 하나를 선택해서 추가한다.
// jQuery에서 제공하는 최신 버전의 jQuery URL
<script src="http://code.jquery.com/jquery-latest.js"></script>
// jQuery에서 제공하는 3.5.1 버전의 jQuery CDN 호스트
<script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>jQuery는 </body> 바로 위에 넣기를 권장한다.
<head></head> 사이에 넣으면 웹브라우저가 HTML 문서를 해석(Parsing) 할 때 <script> 태그를 만나면 그 안에 있는 JavaScript 의 처리가 끝날 때 까지 다른 HTML의 해석을 멈추기 때문에 HTML 페이지가 화면에 완성되기까지 더 오래 걸린다.
주의할 점
jQuery와 javaScript를 같이 사용하는 경우, 스크립트 실행 순서에 의해서 jQuery를 먼저 선언 해야 한다.
<body>
<script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
<scrpit>
// 작업 ..
<script>
</body>반응형
'[JS]' 카테고리의 다른 글
| [JS] jQuery에서 remove, detach, empty 차이 (11) | 2021.07.29 |
|---|---|
| [JS] disabled, readonly 사용법과 차이점 (8) | 2021.07.28 |
| [JS] 문자열 공백 제거하기 (trim, replace, 정규식) (0) | 2021.07.25 |
| [JS] 태그 속성값 (attr, prop) (0) | 2021.07.19 |
| [JS] 동적으로 생성된 태그 이벤트 (2) | 2021.07.17 |
댓글
반응형