JQuery 공부하기
JQuery를 공부할 때 유용한 사이트는 아래와 같다.
- https://www.w3schools.com/jquery/default.asp
- https://api.jquery.com/trigger/
- http://www.devkuma.com/books/3
영어가 어렵게 느껴진다면 국내 개발자가 정리한 데브 쿠마 사이트를 추천한다. JQuery는 자바스크립트 라이브러리이므로, 자바스크립트를 먼저 배운 뒤에 JQuery를 접하는 것이 좋다. JQuery를 제대로 활용하기 위해서는 HTML과 CSS, JavaScript 지식을 쌓은 뒤에 JQuery를 학습하는 것을 추천한다.
jQuery를 사용하면 짧고 단순한 코드로도 웹 페이지에 다양한 효과나 연출을 적용할 수 있다.
현재 많이 사용되고 있는 자바스크립트 라이브러리는 다음과 같다.
- 프로토타입(Prototype)
- 도조(Dojo)
- GWT(Google Web Toolkit)
- MochiKit
짧고 간단하고 쉽게 효과를 적용하거나 활용할 수 있으며, 오픈 라이선스를 적용하여 자유롭게 활용할 수 있다. 특히, 애니메이션 효과나 대화형 처리를 매우 간단하게 처리할 수 있다는 장점이 있다.
- 버전 1 : jQuery 1.12.4
- 버전 2 : jQuery 2.2.4
- 버전 3 : jQuery 3.3.1
jQuery CDN 적용
<!-- jQuery.com CDN -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<!-- Googleapis CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- MS CDN -->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<!-- CDNJS CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- sDelivr CDN -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
'Web Development > JavaScript' 카테고리의 다른 글
[JavaScript] 부드러운 스크롤 (0) | 2021.07.17 |
---|---|
jQuery를 사용하여 페이지로드시 자동 클릭 단추 요소 (0) | 2021.07.17 |
매우 심플한 슬라이더(Very Simple Slider) (0) | 2021.07.17 |
자바스크립트로 버튼 클릭시 순서대로 숫자 호출방법 (0) | 2021.07.17 |
JavaScript(JQuery) 선별선택자·복수선택자 (0) | 2021.07.17 |
Onclick Event(온클릭 이벤트) (0) | 2021.07.17 |
3초마다 모달창으로 "Hello" 구현하기 (0) | 2021.07.17 |
[JavaScript] 버튼 클릭 제어 (0) | 2021.07.17 |