인프런 커뮤니티 질문&답변
작성한 질문수
jquery 링크 관련 오류입니다.
작성
·
625
1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>제이쿼리 링크하기</title>
<link rel="stylesheet" href="css/style.css">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<a class="show_btn" href="#none">보이기</a>
<a class="hidebtn" href="#none">감추기</a>
<p>
태그선택자 a를 클릭했습니다.
</p>
<script src="scripts/jquery-3.5.1.min.js"></script>
<script src="scripts/custom.js"></script>
</body>
</html>
jquery는 작동하나 계속 아래같은 오류가 뜹니다.
| ERROR: '$' is not defined. [no-undef] | $('p').css({'display':'none'}); | ||
| 3 | ERROR: '$' is not defined. [no-undef] | $('.show_btn').click(function(){ | |
| 5 | ERROR: '$' is not defined. [no-undef] |
답변 3
1
코딩웍스(Coding Works)
지식공유자
안녕하세요. 코딩웍스입니다.
제이쿼리 오픈소스와 custom.js는 링크가 잘 되어 있는데요.
제이쿼리 오픈소스는 body 마감태그 위에 링크하셨으니까 head 사이에 링크한 제이쿼리 CDN 주소는 빼셔도 됩니다.
그런데 script 구문이 없는데요. script 구문을 빼고 올리신건지 아니면 최초에 블라켓에서 작성을 안하신건지 모르겠네요.
1
1
Bam Bee
질문자
| JSLint (3) | |||
| 1 | '$' was used before it was defined. | $('p').css({'display':'none'}) | |
| 1 | Missing space between ':' and 'none'. | $('p').css({'display':'none'}) | |
| 1 | Expected ';' and instead saw '(end)'. | $('p').css({'display':'none'}) | |
| ESLint (1) | |||
| 1 | ERROR: '$' is not defined. [no-undef] | $('p').css({'display':'none'}) | |