CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
jQuery 사용방법
제이쿼리 파일은 자바스크립트 파일(.js 파일) 형태로 존재합니다.
웹 페이지에서 제이쿼리를 사용하기 위해서는 먼저 제이쿼리 파일을 웹 페이지에 로드(load)해야 사용할 수 있습니다.
· jQuery 공식 사이트에서 라이브러리를 다운로드하여 사용
· CDN 호스트 사용 방법
jQuery 공식 사이트에서 라이브러리를 다운로드하여 사용
제이쿼리 파일을 다운받아 로드하는 방법으로 최신 버전의 제이쿼리 파일을 공식 사이트에서 다운받아 사용합니다.
다운받은 제이쿼리 파일을 서버에 저장하고, 다음 <script>태그를 웹 페이지의 <head>태그 내에 삽입하면 됩니다.
|
<script type="text/javascript" src="제이쿼리파일명.js"></script> |
|
<script src="제이쿼리파일명.js"></script> |
CDN 호스트 사용 방법
· CDN 호스트에 접속해서 jQuery를 가져오면 성능이 향상되게 됩니다.
· 웹 문서의 로딩 속도가 빨라지는 효과를 얻게 되는데, 이는 웹 문서의 방문자가 CDN 호스트를 이용하는 웹사이트을 방문하게 되면, jQuery의 복사본을 다운로드 받아 놓기 때문에 다른 웹 문서에 방문했을 때 다시 다운로드 하지 않아도 되기 때문입니다.
· CDN을 이용하기 위해서는 인터넷이 연결되어 있어야 합니다.
· 오프라인 환경에서 jQuery를 사용하여 개발하고자 할 때는 반드시 다운로드 받아서 사용해야 합니다.
· 여러 개의 jQuery 배포 CDN이 존재하며 어떤 CDN을 이용하더라도 같은 동작을 수행합니다.
CDN 호스트 사용 형식
HTML 문서의 script 태그의 src 속성에 CDN 호스트 주소를 입력하면 됩니다.
|
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
|
CDN(Content Delivery Network)
http://codedragon.tistory.com/4384
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
| toArray() 메소드 (0) | 2017.07.03 |
|---|---|
| jQuery.each(), DOM의 반복 vs Array, Object의 반복 (0) | 2017.07.03 |
| jQuery blog (0) | 2017.07.03 |
| 필터 선택자 - 기본 필터 선택자, 함수 필터 선택자 (0) | 2017.07.03 |
| 입력 양식 필터 선택자, 목록 선택에 따른 입력 양식 필터 선택자 (0) | 2017.07.03 |