[jQuery] $(document).ready()와 $()

.ready()

• DOM (Document Object Model)이 완전히 불러와지면 실행되는 이벤트

 

브라우저가 HTML을 보여주기 위한 순서

1. 문서 구조 생성
2. 문서 구조가 만들어진 시점에서 .ready() 이벤트 실행 - 계속 발생
3. DOMContentLoaded 이벤트 실행 - 한 번만 발생
4. 문서 구조 위에 디자인 입히기

 

문법

.ready(handler)

 

사용법

//기본 표현 방법
$(document).ready(function() {
    //실행할 기능 정의
});

//다른 표현 방법
//1. $() - jQuery 3.0 ver. 이후부터 권장되는 구문
$(handler)

//2. .ready() 이벤트 - jQuery 1.8 ver.에서 deprecated됨 + 3.0 ver. 지원 X
$(document).ready(handler)
$("document").ready(handler)

 

권장 표현 방법

$(function() {
    //실행할 기능 정의
});

 

---

출처 : https://7942yongdae.tistory.com/77