47. Jquery - Jquery란?

1. Jquery

1. Jquery

1. Jquery는 자바스크립트의 DOM 객체 조작을 도와주는 라이브러리
2. 선택자부터 이벤트, 애니메이션 등 DOM객체를 선택하거나 DOM객체에 이벤트를 만들고 애니메이션 효과를 추가할 때 순수 자바스크립트보다 편하게 구현할 수 있다.

//순수자바스크립트 선택자
const box = document.getElementById("box");
const box = document.querySelector("#box");

//jquery 선택자
const box = $("#box");

3. Jquery의 장점
   • DOM객체를 조작하는 것이 순수 자바스크립트보다 편하고 간단하며 코드가 짧다.
   • Jquery로 구성된 라이브러리들이 다양해서 달력이나 시계 등 순수 자바스크립트로 구현하는 것보다 훨씬 간편하게 구현할 수 있다.
   • Jquery 내장 함수에 다양한 기능들이 제고오디어 애니메이션이나 효과 등을 추가하는 것이 간편하다.
4. Jquery의 사용 방법
   • script태그를 이용해서 jquery 파일을 링크 걸어 준 후 내장되어있는 기능들을 사용

     <script src="Jquery 파일 경로"></script>
     <script src="js/jquery-3.7.0.min.js"></script>
     <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>