jQuery 설치

jQuery를 웹페이지에 추가하세요

jQuery를 사용하려면 jQuery 라이브러리(아래에 설명드리겠습니다)를 다운로드하고, 사용하고자 하는 웹페이지에 포함해야 합니다。

jQuery 라이브러리는 JavaScript 파일로, HTML의 <script> 태그를 사용하여 참조할 수 있습니다:

<head>
<script src="jquery.js"></script>
</head>

请注意,<script> 태그는 페이지의 <head> 부분에 위치해야 합니다。

ヒント:왜 <script> 태그에서 type="text/javascript"을 사용하지 않는지 궁금하지 않으신가요?

HTML5에서는 그렇게 할 필요가 없습니다. JavaScript는 HTML5 및 모든現대 브라우저의 기본 스크립트 언어입니다!

jQuery 다운로드

jQuery는 다운로드할 수 있는 두 가지 버전이 있습니다:

  • 생산 버전 - 실제 사이트에서 사용하는 것으로, 압축되고 축소되었습니다.
  • 개발 버전 - 테스트 및 개발용(압축되지 않고 읽을 수 있는 코드)

이 두 버전은 다음에서 다운로드할 수 있습니다: jQuery.com 다운로드

ヒント:다운로드 파일을 페이지와 같은 디렉토리에 두면 사용이 더 편리합니다.

대체 방법

jQuery를 다운로드하고 저장하지 않고도 CDN(CDN)을 통해 사용할 수 있습니다.

구글과 마이크로소프트의 서버에는 jQuery가 있습니다.

구글이나 마이크로소프트에서 jQuery를 인용하려면 다음 코드 중 하나를 사용하세요:

구글 CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

본인이 직접 시도해보세요

ヒント:가장 최신의 사용 가능한 버전을 구글 CDN을 통해 얻을 수 있습니다:

구글 URL을 관찰해보면, URL에서 jQuery 버전(1.8.0)이 지정되어 있습니다. 가장 최신 버전의 jQuery를 사용하고 싶다면, 버전 문자열의 끝(예: 이 예제의 1.8)에서 한 숫자를 제거하면 됩니다. 구글은 1.8 시리즈에서 가장 최신의 사용 가능한 버전(1.8.0, 1.8.1 등)을 반환하거나, 첫 번째 숫자만 남기면 1 시리즈에서 가장 최신의 사용 가능한 버전(1.1.0에서 1.9.9까지)을 반환합니다.

마이크로소프트 CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

본인이 직접 시도해보세요

ヒント:구글이나 마이크로소프트의 jQuery를 사용하는 경우 큰 장점이 있습니다:

많은 사용자들이 다른 사이트를 방문할 때, 구글이나 마이크로소프트에서 jQuery를 로드한 경험이 있습니다. 결과적으로, 그들이 당신의 사이트를 방문할 때, 캐시에서 jQuery를 로드하게 되어 로드 시간을 줄일 수 있습니다. 또한, 대부분의 CDN이 사용자가 파일을 요청할 때 가장 가까운 서버에서 응답을 반환하도록 보장할 수 있어 로드 속도를 높일 수 있습니다.