JQuery 는 오픈소스 자바스크립트 라이브러리이다
JQuery 를 이용해서 스크립트 작업을 하면 웹 표준에 위배되는지 걱정하지 않아도 되며
매우 간단한 문법구조로 많은 처리를 할 수 있는 장점이 있다
또한 스크립트의 안정성도 뛰어나 결과적으로 스크립트 작업의 생산성을 극대화 할 수 있게 된다
JQuery 를 페이지에서 사용하려고 하면 JQuery의 기반 라이브러리를 페이지에 정의해야 한다
일반적으로는 JQuery 라이브러리를 직접 다운로드 해서 페이지에 삽입하면 된다
1) JQuery 라이브러리 파일을 직접 페이지에 삽입하기
http://docs.jquery.com/Downloading_jQuery 에서 최신 버전 다운로드 받는다
(현재 최신 버전은 1.4.2 이다)
그리고 페이지의 head 영역에 해당 스크립트를 포함시킨다
<head>
<script type="text/JavaScript" src="jquery-1.4.2.js"></script>
</head>
이제 해당 페이지에서는 JQuery 관련 기능을 이용할 수 있게 된다
2) 최소 버전 JQuery 라이브러리 사용하기
JQuery 라이브러리는 풀버전과 최소화버전 두 가지가 제공된다
최소화버전은 사이즈가 작은 대신 디버깅 환경은 제공되지 않는다는 특징이 있다
따라서 개발시에는 풀버전으로 하고 라이브 적용 때에 최소화 버전으로 변경하는 것을 생각해 볼 수 있다. 최소화 버전 역시 JQuery 홈페이지에서 다운로드 받을 수 있다
<head>
<script type="text/JavaScript" src="jquery-1.4.2.min.js"></script>
</head>
3) 구글의 CDN 서비스 사용하기
CDN 서비스는 굉장히 빠른 속도로 컨텐트를 내려 받을 수 있는 환경을 제공한다
구글에서 JQuery 라이브러리 다운로드를 위해 CDN 서비스를 무료로 제공해 주고 있다
다음의 URL 이 JQuery 가 호스팅 된 곳이다
최소화 버전)
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
풀버전)
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js
역시 이 URL을 head 에 스크립트로 명시하면 된다
<head>
<script type="text/JavaScript" src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js></script>
</head>
JQuery 서적에서는 구글의 CDN 서비스를 이용할 것을 다음과 같은 사유로 권장한다
- 안전하고 믿을 수 있다
- 다운로드가 빠르다
- 어디서나 사용할 수 있다(JQuery.js를 늘 들고 다니지 않아도 된다)
3. 마이크로소프트의 CDN 서비스 사용하기
마이크로소프트 역시 구글처럼 JQuery를 CDN 으로 무료 서비스를 제공한다
다음 URL이 그것이다
http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js
http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js
'모바일 > Javascript' 카테고리의 다른 글
| RGraph, HTML5 그래프 라이브러리 소개 (0) | 2010.09.14 |
|---|---|
| Modernizr 라이브러리: HTML5, CSS3 새요소 지원여부 검사 (0) | 2010.09.06 |
| [JQTouch] 모바일 웹 UI 라이브러리 (0) | 2010.08.04 |
| 아놔.. JQTouch, iUI 도 있구먼.. (0) | 2010.07.13 |
| [Book] JQuery 책 구매 (0) | 2010.07.12 |
