인프런 커뮤니티 질문&답변

HL5PFM님의 프로필 이미지

작성한 질문수

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

22. 제이쿼리(jQuery) 필수 핵심이론(기본 구문 만들기, 선택자)

섹션2-22. 제이쿼리(jQuery) 필수 핵심이론(기본 구문 만들기, 선택자) 강의 질문

20.06.08 09:55 작성

·

245

1

섹션2-22. 제이쿼리(jQuery) 필수 핵심이론(기본 구문 만들기, 선택자) 결과가 강의 처럼나오지 않습니다. 잘못 된 점 확인 해 주십시오. 화면 캡처 해서 올립니다.

답변 3

1

HL5PFM님의 프로필 이미지
HL5PFM
질문자

2020. 06. 08. 14:33

빠른 답변 감사합니다. 그런데, 보이기  감추기는 나오는데 보이기 클릭해도 <p></p> 내용이 나오지 않습니다.

1

코딩웍스(Coding Works)님의 프로필 이미지

2020. 06. 08. 11:17

안녕하세요. 코딩웍스입니다.

캡쳐화면 보니까 오타가 있습니다.
click 이벤트르르 clink라고 적으셨어요.
이거 고치시면 될 것 같습니다.

화이팅~^^

0

코딩웍스(Coding Works)님의 프로필 이미지

2020. 06. 08. 15:11

코딩웍스입니다.

지금 보니까 html 파일에 제이쿼리 오픈소스 파일과 custom.js 파일을 링크하지 않으셨어요.
그래서 제이쿼리가 전혀 작동하지 않는거에요.
아마 script 폴더에 jquery-1.12.4.js가 있을거에요. 그 파일은 <head>...</head> 사이에 링크하지 마시고
body 마감태그 바로 위에 링크하세요.

<body>
    .....
   <script src="script/jquery-1.12.4.js"></script>
   <script src="script/custom.js"></script>
</body>

만약 <head>...</head> 사이에 링크하시면 제이쿼리 구문을 아래와 같이 해줘야 합니다.
스크립트가 익숙하지 않으신 분들에게는 계층구조가 한 개 더 생겨서 부담스러우실거에요.
그래서 제이쿼리 파일은 body 마감 태그 바로 위에 넣는 것이 좋습니다.

※ jquery-1.12.4.js과 custom.js 순서 바뀌면 아무것도 작동하지 않습니다.

$(function(){

   제이쿼리 구문...

})

HL5PFM님의 프로필 이미지

작성한 질문수

질문하기