• 카테고리

    질문 & 답변
  • 세부 분야

    자격증 (디자인)

  • 해결 여부

    미해결

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

20.06.08 09:55 작성 조회수 210

1

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

답변 3

·

답변을 작성해보세요.

1

HL5PFM님의 프로필

HL5PFM

질문자

2020.06.08

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

1

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

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

화이팅~^^

0

코딩웍스입니다.

지금 보니까 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(){

   제이쿼리 구문...

})