728x90
목차
jQuery
jQuery
- Open Source JavaScript Library
- Simple and Short
jQuery의 장점
- Prototype
- Dojo
- Google Web Toolkit
- MochiKit
- 주요 웹 브라우저 구버전을 포함한 대부분의 브라우저에서 호환
- 쉽게 HTML DOM 조작, 간단한 CSS 스타일 가능
- 애니메이션 효과, 대화형 처리를 간단하게 적용
- 같은 동작을 하는 프로그램을 더 짧은 코드로 대체 가능
jQuery Version
jQuery Version 1
- Explorer 6, 7, 8 버전에서의 동작까지 모두 지원
jQuery Version 2
- Version 1에서 지원하는 Explorer 6,7,8 버전에 대한 지원을 중단
jQuery Version 3
- 2014.10에 배호
- 제이쿼리 차세대 표준
- 기존 버전과의 호환성 유지, 더욱 간결하게 작성, 더욱 빠르게 동작되도록 변경
jQuery 2, 3는 Explorer 9 이상에서만 동작 이 때문에 많은 웹 사이트에서 제이쿼리 버전 1을 사용
jQuery 적용
제이쿼리를 적용시킬 때
- 제이쿼리 파일 형태로 다운받거나
- 코드내에서 CDN으로 라이브러리를 불러와 적용 (Content Delivery Network)
1. 제이쿼리 파일을 다운받아 로드하기
최신 버전 라이브러리 에서 파일을 다운받아 아래와 같이 선언
<head>
<script src="/path/jqueryfilename.js"></script>
</head>
2. CDN을 이용하여 로드
CDN(Content Delivery Network)이란 웹 사이트의 접속자가 서버에서 콘텐츠를 받아야 할 때, 자동으로 가장 가까운 서버에서 다운 받도록 하는 기술
장점
- 특정 서버에 트래픽이 집중되지 않고
- 콘텐츠 전송 시간이 매우 빨라진다
- 제이쿼리 파일을 서버에 따로 저장하지 않아도 제이쿼리 사용 가능
현재 이용할 수 있는 jQuery Version1의 CDN 목록 (전부 같은 동작을 수행)
<!-- 1. jQuery.com CDN -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<!-- 2. 구글 CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- 3. MS CDN -->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<!-- 4. CDNJS CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- 5. jsDelivr CDN -->
<script src="https://cdn.jsdelivr.net/jquery/1.12.4/jquery.min.js"></script>'JavaScirpt > jQuery' 카테고리의 다른 글
| jQuery 6 - [스타일 설정, 프로퍼티, 클래스 설정] (0) | 2021.03.22 |
|---|---|
| jQuery 5 - [요소의 영역, 요소의 크기, 위치 ] (0) | 2021.03.17 |
| jQuery 4 - [요소 탐색, 조상, 형제, 자손, 기타 탐색, 필터링 ] (0) | 2021.03.15 |
| jQuery 3 - [요소 조작, 추가, 대체, 복사, 삭제] (0) | 2021.03.10 |
| jQuery 2 - [기본, 문법, 함수, 선택자, 메소드 체이닝, getter, setter] (0) | 2021.03.09 |