Web/jQuery 2015. 6. 13. 11:11

jQuery Get Started

1. Adding jQuery to Your Web Pages

웹 사이트에서 jQuery를 사용하는 몇가지 방법이 있습니다:

- jQuery.com 에서 jQuery 라이브러리 다운로드

- 구글과 같은 CDN에서의 jQuery 포함

2개의 jQuery 버전을 다운로드 할 수 있습니다:

- Product Version: 웹사이트에서 사용가능한 최소화되고 압축된 버전

- Development Version: 테스팅하고 개발하기 위한 버전(비압축되고 가독성 코드인)

두 버전 모두 jQuery.com에서 받으실수 있습니다.

jQuery 라이브러리는 자바스크립트 파일로 한줄이면 됩니다. HTML의 <script> 태그를 참조하는 방식으로.

1
<head><script src="jquery-1.11.2.min.js"></script></head>
cs

팁: 페이지의 같은 디렉토리에 다운로드한 파일을 위치시킵니다.

jQuery 자체를 다운로드하기를 원하지 않는다면, CDN(Content Delivery Network)로 부터 포함 시킬 수 있습니다.

구글과 마이크로소프트 host jQuery를 통해 가능 합니다.

Google CDN:

1
2
3
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
Colored by Color Scripter
cs

Microsoft CDN:

1
2
3
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>
</head>
Colored by Color Scripter
cs

* 구글이나 마이크로소프트를 통한 jQuery 사용의 큰 이점:

많은 사용자들은 이미 구글이나 마이크로소프트의 jQuery를 다른 사이트를 방문함으로써 다운로드를 했습니다. 결과적으로 캐시에서 로드가 되어 집니다.

jQuery 강좌, 제이쿼리, jQuery, 강좌, JavaScript 프레임워크

[출처: w3schools]

[jQuery] 6. Fading - jQuery 강좌 jQuery / CSE (0)	2015.06.13
[jQuery] 5. 보이기 / 숨기기(Hide / Show) - jQuery 강좌 jQuery / CSE (0)	2015.06.13
[jQuery] 4. 이벤트 메소드(Event method) - jQuery 강좌 (0)	2015.06.13
[jQuery] 3. 선택자(selector) - jQuery 강좌 (0)	2015.06.13
[jQuery] 2. 문법(Syntax) - jQuery 강좌 (0)	2015.06.13
[jQuery] jQuery & Ajax (0)	2015.06.13