hrming
[jQuery] .ready() vs .onload() 특징 및 차이 본문
$(document).ready()
: 외부 리소스, 이미지와는 상관없이 브라우저가 DOM(document Object Model) 을 생성한 직후에 실행
: $(window).load() 보다 더 빠르게 실행되고 중복 사용하여 실행해도 선언한 순서대로 실행됨.
$(window).load() 또는 $(window).on('load')
: DOM(Document Object Model) 의 Standard 이벤트 입니다.
: HTML의 로딩이 끝난 후 실행 되고, 화면에 필요한 모든 요소 (image, css, javascript 등)들이 웹 브라우저 메모리에 모두 올려진 다음에 실행됨. 이미지의 경우엔 로드가 실패되었을 경우에도 포함.
: 전체 페이지의 모든 외부 리소스와 이미지가 브라우저에 불려진 후 작동하게 되어 이미지가 안뜨거나 딜레이가 생길 때에는 그만큼의 시간이 딜레이 된 후 실행됨.
참고 및 출처 :
https://rgba22202551.tistory.com/8
Jquery $(document).ready() 와 $(window).load()의 차이점
$(document).ready vs $(window).load() & $(window).on('load') vs body.onload $(document).ready() 는 외부 리소스, 이미지와는 상관없이 브라우저가 DOM(document Object Model) 을 생성한 직후에 실행 $(window).load() 보다 더 빠르
rgba22202551.tistory.com
https://hahahoho5915.tistory.com/28
jQuery .ready() vs .onload() 특징 및 차이
개요 > jQuery를 이용한 뷰단 event 함수 구현 중 비슷하지만 다른 두 jQuery 함수에 대한 궁금증 // 비슷하지만 다른 2개의 소스의 차이점이 무엇인가?? $(document).ready(function(){ alert('hi - ready'); }); $(window
hahahoho5915.tistory.com
'jQuery' 카테고리의 다른 글
| [jQuery] $.each() (0) | 2024.07.30 |
|---|---|
| [jQuery] attr()과 prop()의 차이 (0) | 2024.07.15 |
| [jQuery] jqGrid (0) | 2024.05.29 |
| [jQuery] 제이쿼리 참고 블로그 (0) | 2024.04.18 |
| [jQuery] 체이닝(Chaining)과 탐색(Traversing) (0) | 2024.04.07 |
