문서로드 완료된 후 실행하기 - <script> 위치
- Javascript 코드는 위에서부터 차례대로 읽어 수행
1. 문제
- <script> 요소가 실행되는 시점에 <p> 가 읽히지 않아 적용되지 않는다
2. 해결
1) 위치 이동
- <p> 태그를 <script> 보다 위에 놓는다
2) 익명함수 사용 - $(function(){..})
- 익명의 함수로 묶인 코드는 페이지가 모두 읽힌뒤에 실행된다
'Front-End > jQuery' 카테고리의 다른 글
| [jQuery] 제이쿼리 스타일 클래스 적용/제외 - toggleClass (0) | 2017.01.03 |
|---|---|
| [jQuery] 요소의 스타일 변경 (0) | 2017.01.02 |
| [jQuery] 제이쿼리 객체를 json 문자열로 상호 변환 - $.parseJson (0) | 2016.12.25 |
| [jQuery] 페이지이동 제어 - href, replace, pushState() (0) | 2016.12.25 |
| [jQuery] 제이쿼리 일정시간 마다 처리 - setInterval(), clearInterval() (0) | 2016.12.25 |
리딩리드