-
[jQuery입문] 페이지 로딩 순서개발 & 계발/jQuery 2015. 6. 11. 15:45반응형
아래의 소스는 Javascript 상식으로 생각해 보면 <div>가 보이지 않는 것처럼 생각되겠지만
생각대로 안된다.
샘플 확인이 DIV는 보이지 않습니다.이와 같은 상황을 곰곰히 생각해 보면 HTML과 jQuery의 실행 순서에 의할 수 있을 것 같다.
<DIV id=DIV_ID>보다는 $("#DIV_ID").hide(); 가 먼저 실행되기 때문에
셀렉터가 가리키는 곳(id=DIV_ID)의 정보가 생성되어 있지 않아 에러가 발생한다.
이를 위해 jQuery 부분에 $(function(){ }); 를 넣어 주면 페이지가 로딩이 완료된 다음 jQuery가 실행됨을 알 수 있다.
샘플 확인이 DIV는 정말로 보이지 않습니다.그리고 이는 우리가 <script>를 꼭 <HEAD>에 넣어야 한다는 편견 안에서는 위와 같이 해결할 수도 있지만
아래와 같이 작성하면 쉽게 해결할 수 있다.
샘플 확인이 DIV는 보이지 않습니다.'개발 & 계발 > jQuery' 카테고리의 다른 글
[jQuery입문] 애니메이션 (0) 2015.06.12 [jQuery입문] find() - 내포된 요소 안에서 좀 더 검색하기 (0) 2015.06.12 [jQuery입문] jQuery 사용하기 위한 준비 (0) 2015.06.11 [jQuery입문] 기본 - 셀렉터 "$()" (0) 2015.06.11 jQuery 테스트 (Syntax Highlight 적용 예시) (0) 2015.06.11