목차

jQuery Get Started

  • description : jQuery Get Started
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-04-15


Adding jQuery to Your Web Pages

웹 사이트에서 jQuery를 사용하는 여러 방법이 있으며, 아래와 같이 할 수 있습니다.

Downloading jQuery

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

두 버전 모두 jQuery.com에서 다운로드 할 수 있습니다.

jQuery 라이브러리는 단일 자바 스크립트 파일이고,
HTML <script> 태그로 참조 표시 합니다 (<script> 태그는 <head> 섹션 내에 있어야 함):

<head>
<script src="jquery-3.5.1.min.js"></script>
</head>


Tip: 다운로드한 파일을 사용하려는 페이지와 동일한 디렉토리에 저장하십시오.

jQuery CDN

jQuery를 직접 다운로드하고 호스팅하지 않으려면, CDN (Content Delivery Network)으로 포함할 수 있습니다.

Google이 jQuery를 호스팅하는 예제입니다.

Googel CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jqeury.min.js"></script>
</head>


Google이 호스팅한 jQuery를 사용하는 한 가지 큰 이점:

많은 사용자가 다른 사이트를 방문할 때 이미 Google에서 %%jQuery%%를 다운로드했습니다. 
그 결과, 사이트를 방문할 때 캐시에서 로딩되어, 로딩 시간이 빨라집니다. 
또한 대부분의 %%CDN%%은 사용자가 파일을 요청하면, 사용자에게 가장 가까운 서버로부터 제공되므로 로딩 시간이 빨라집니다.