1. jQuery 인클루드
jQuery를 사용하기 위해서는 가장 우선적으로 jQuery 라이브러리가 인클루드 되어야 한다.
인클루드 방법은 2가지의 방법이 있다.
1) 아래 링크에서 원하는 버전의 jQuery를 직접 다운로드 받아 인클루드 하는 방법
<script src="js/jquery.js"></script>
2) 기본 jQuery 1.11.1 버전에 직접 접속하는 방법(테스트 작성시 많이 사용되는 방법)
<script src="https://code.jquery.com/jquery.js"></script>
2. jQuery 준비 선언 - document ready
1) 가장 많이 사용 되는 선언 방법
$(document).ready(function() { ... code ... });
2) 약식 선언 방법
$(functiom() { ... code ... })
3) 정식 선언식
jQuery(document).ready(function() { ... code ... })
4) 즉시 실행 선언식
(function($) { ... code ... })(jQuery);
1번은 가장 많이 사용되는 구문이다.
html 문서가 이미지 포함하여 전체 로드 된 이후에 실행되는 함수라는 의미이다.
2번은 1번의 약식 표현이다.
3번은 jQuery의 정식 선언 방법으로 1번과 동일한 동작을 수행한다.
jQuery에서 $는 jQuery대신 사용되는 약어 구문이다.
4번의 방법은 함수를 선언과 동시에 즉시 실항하여 그 이후에 실행되는 다른 jQuery 라이브러리에서 선언된 변수와 충돌을 피하는 구문이다.
가끔 즉시 실행되는 현상으로 인해 이 함수 내에 1번 구문이 포함되어 실행 되어야 할 때도 있다.