본문 바로가기
Development/Javascript

JQuery 사용 시 필요한 js 파일 로드 하기

by 로젠크로와싱 2012. 5. 21.
반응형

웹 표준 html5가 아닌 경우에는 type 속성을 넣어 주시고, html5 표준을 따르는 페이지에서는 type 속성이 default로 지정되어 있기 때문에 type 속성을 주지 않아도 됩니다.

구글에서 제공하는 첫 번째 jQuery 로드 방법

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">google.load("jquery""1.7.1");</script>


구글에서 제공하는 두 번째 jQuery 로드 방법

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/[VERSION]/jquery.min.js"></script>

[VERSION]에 jQuery의 버전을 입력하게 되면 구 버전의 jQuery를 로드할 수 있습니다.


jQuery 공식 홈페이지에서 제공하는 스크립트입니다. 예제 샘플을 보면 이런 스크립트가 있는데, 최신 버전을 로드하고 있습니다.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>


jQuery에서 다운 받아 블로그나 개인 호스팅에 업로드하여 로드하는 방법

jquery.com과 jquerykorea.net

각 홈페이지에 들어가시면 최신 버전을 다운 받으실 수가 있습니다. 공식 홈페이지 같은 경우에는 구 버전까지 받으실 수 있습니다. 웹에 게시할 때에는 PRODUCTION(압축 버전)을 받아서 사용하시면 빠르게 이용하실 수 있습니다. 파일 용량을 줄였기 때문에 로드가 빠른 장점이 있습니다. 웹 페이지를 개발할 때에는 DEVELOPMENT(개발자용 버전)을 사용하시면 되겠습니다. 개발자용 버전은 개행문자 공백을 제거 하지 않은 js파일 이기 때문에 어떻게 구성되어 있는지 알 수 있는 파일입니다.

압축 버전을 올리시고 [SERVER]에 자기 서버 주소를 입력, 그리고 스크립트를 로드하시면 되겠습니다. 

<script type="text/javascript" src="http://[SERVER]/jquery-1.7.2.min.js"></script>


반응형