

호출 순서 !
a1, a111, a11 순서 대로 호출되었다.
JS는 위에서 아래로 순서대로 호출된다. 그러면 a1, a11, a111 순서대로 호출되어야 하는데
a1, a111, a11순서대로 시작되었다.


즉 $(document).ready(function(){ }) 는 모든 DOM이 로드 된 후에 실행된다는 것을 확인할 수 있다.

또한 $(document).ready(function(){ }) 범위 내에서 Scope가 document로 나타나는 것을 확인 할 수 있다.
$(document).ready(function(){ }) 범위 안에서 $(document).ready(function(){ }) 밖에 외부에서 호출된 함수를 실행할경우에 Scope가 Window(Global Scope) 로써 매개변수로 값을 받지 않는이상 document안에서의 함수, 변수를 사용하지 못한다.





document.ready() - 현재 존재하는 태그들에 대해서 바인딩하여 이벤트를 적용한다. 따라서 ajax를 통해 동적으로 생성되는 태그에 대해서는 이벤트처리가 안된다.
document.on() - DOM트리 보다 위에 바인딩이 되어서 선택자와 일치하는 태그를 찾아 실행한다.
'dev > Javascript' 카테고리의 다른 글
[Javscript] form target, window.open (0) | 2023.02.26 |
---|---|
[Javascript / Jquery] 선택자 (0) | 2023.02.26 |
[Javscript] JS-JSON (0) | 2022.04.04 |
[Javascript] 2차원 배열 2048 게임 (0) | 2022.04.01 |
[Javascript] DOM (0) | 2022.03.27 |