정리 참고 원본 : https://www.w3schools.com/jquery/jquery_syntax.asp
정리 참고 원본 : http://www.tcpschool.com/jquery/jq_intro_apply
제이쿼리란?
jQuery는 경량의 "적게 작성하고 더 많이 수행하는" JavaScript 라이브러리입니다.
jQuery의 목적은 웹사이트에서 JavaScript를 훨씬 더 쉽게 사용할 수 있도록 하는 것입니다.
jQuery는 수행하는 데 많은 JavaScript 코드 행이 필요한 많은 일반적인 작업을 수행하고 이를 한 줄의 코드로 호출할 수 있는 메서드로 래핑합니다.
또한 jQuery는 AJAX 호출 및 DOM 조작과 같은 JavaScript의 복잡한 많은 부분을 단순화합니다.
jQuery 라이브러리에는 다음 기능이 포함되어 있습니다.
- HTML/DOM manipulation
- CSS manipulation
- HTML event methods
- Effects and animations
- AJAX (비동기통신)
- Utilities
Tip: jQuery에는 거의 모든 작업을 위한 플러그인이 있습니다.
제이쿼리 적용
웹 페이지에 제이쿼리 파일을 로드하는 방법은 다음과 같습니다.
1. 제이쿼리 파일을 다운받아 로드하는 방법
최신 버전의 제이쿼리 파일은 다음 공식 사이트에서 다운받을 수 있습니다.
jQuery.com : http://jquery.com/download =>
이렇게 다운받은 제이쿼리 파일을 서버에 저장하고, 다음 <script>태그를 웹 페이지의 <head>태그 내에 삽입하면 됩니다.
<head>
<script src="/파일경로/제이쿼리파일명.js"></script>
</head>2. CDN을 이용하여 로드하는 방법
CDN(Content Delivery Network)이란 웹 사이트의 접속자가 서버에서 콘텐츠를 다운받아야 할 때,
자동으로 가장 가까운 서버에서 다운받도록 하는 기술입니다.
이 기술을 이용하면 특정 서버에 트래픽이 집중되지 않고, 콘텐츠 전송 시간이 매우 빨라지는 장점이 있습니다.
이러한 CDN을 이용하면 제이쿼리 파일을 서버에 따로 저장하지 않아도 제이쿼리를 사용할 수 있습니다.
현재 이용할 수 있는 제이쿼리 버전 1의 CDN은 다음과 같으며, 어떤 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>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
'STUDY > jQuery' 카테고리의 다른 글
| [jQuery] 자주 사용되는 메서드 ready·on·prop·attr (0) | 2022.10.05 |
|---|---|
| [jQuery] AJAX 설명과 기본 사용 방법 정리 (0) | 2022.09.30 |
| [jQuery] 제이쿼리 CDN 가져오기 (0) | 2022.09.05 |
| [jQuery] jQuery 활용 (0) | 2022.06.18 |
| [jQuery] jQuery 기본 (0) | 2022.06.18 |