jQuery 라이브러리 사용 방법

2012. 11. 15. 21:02

jquery 를 사용하려면 문서내에 jquery 라이브러리를 정의해줘야 하는데, jQuery 라이브러리를 직접 다운로드 해서 정의해주는 방법과, CDN 서비스를 이용해서 정의하는 방법이 있다.

위의 링크로 접속한뒤, DOWNLOAD JQUERY 라는 타이틀의 섹션에서 최신(현재의) 버전을 다운로드 받은뒤 head 영역에서 <script> 태그로 불러와주면 된다. (당연히 다운로드받은 파일의 위치대로 지정해줘야 한다)

<head>

</head>

CDN(content delivery network) 서비스 이용하기

CDN 서비스는 분산 처리를 통해 빠른 컨텐츠를 제공한다. 구글, 마이크로소프트 에서 CDN 서비스를 무료로 제공하고 있으므로 링크 형식으로 불러와 사용하면 된다.
위와같은 링크로 접속한뒤, CDN HOSTED JQUERY 라는 타이틀의 섹션에서 Google Ajax API CDN, Microsoft CDN,jQuery CDN (via Media Temple) 중 원하는 것을 골라 적용시키면 된다.

google CDN 서비스에 대해서는 아래의 링크를 참고해도 된다.
http://code.google.com/intl/ko-KR/apis/libraries/devguide.html#jqueryUI

아래와 같은 형태로 jquery 라이브러리를 적용할 문서에 적용시킨다.

jquery 'CSS themes' CDN 서비스로 이용하기

jquery themes CSS 또한 CDN 서비스로 제공되고 있다. 아래링크로 접속한뒤 여러가지 테마를 클릭해보면 즉석에서 적용되며 미리보기가 가능하다. 원하는 테마를 link 태그를 통해 문서내에 링크해주면 된다.
http://the-xavi.com/articles/jquery-ui-css-themes-hosted-on-cdn

하지만 직접 수정이 가능한걸 원한다면 아래링크로 들어가서 우측 'Theme' 에서 원하는 테마를 선택한뒤 다운로드해서 다운로드한 파일을 링크시켜줘야한다. 다운로드 받은 css파일을 직접수정 가능하기 때문에 간편하게 사용자 정의 테마를 만들어볼수도 있다.
http://jqueryui.com/download

저작자표시

'J-Query' 카테고리의 다른 글

jquey ready? $(function(){});? (0)	2012.11.22
jquery 움직이는 스크롤 사이드바 (0)	2012.11.15
sliding (0)	2012.11.15
컬럼 추가 삭제 (0)	2012.09.10
jQuey 1.8 이 정식 릴리즈 되었습니다. (0)	2012.08.24