본문 바로가기

sundries

1-2 $(document).ready()


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<!-- 

<script src ="../js/jquery-3.2.1.js"></script>

없으면 무조건 에러가 발생한다.

 -->

<script src ="../js/jquery-3.2.1.js"></script>

<script>

/*

문서가 준비되면 매개변수로 넣은 콜백 함수를 실행해 라는 의미입닏.

JQuery 이벤트 메서드 중 하나입니다.

document 객체의 ready 이벤트 연결을 의미한다

작성법

1. $(documemt).ready();

2. 1번 작성 후 ready()의 ()사이에 커서를  놓는다

3. function(){}를 작성 후 {} 사이에 커서를 놓고 

엔터를 누른 뒤 코드 작성

*/

$(document).ready(function(){

});

//위 메서드는 다음과 비슷한 기능을 수행합니다.

window.onload = function(){

alert('window.onload');

};

/* window.JQuery => jQuery => $ */

/* 간소화 시키기   = 특수 기호 달러를 쓴다  */

window.jQuery(document).ready(function(){

alert('window.jQuery(document).ready();');

});

jQuery(document).ready(function(){

alert('jQuery(document).ready();');

});

$(document).ready(function(){

alert('$(document).ready();');

});

</script>

<body>

</body>

</html>