sundries

1-2 $(document).ready()

스티브 2018. 1. 11. 18:28 

<!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>