🎨 Web_Front end/JQuery

제이쿼리 기본 다지기

개발진스 2023. 4. 27. 11:13
728x90

1. 제이쿼리란?

 

자바스크립트를 이용해 만든 라이브러리 언어다.

라이브러리 언어는 스크립트로 만들어진 다양한 함수들의 집합이다.

 

재이쿼리는 함수들을 사용자에게 제공함으로써 자바스크립트에서 사용할 때 불편했던 점을 개선 했다.

 

  • 호환성 문제 해결
  • 쉽고 편한 애니메이션 효과 기능 구현

 

2. 제이쿼리 라이브러리 연동하기

 

1) 다운로드 방식으로 연동하기

 

https://jquery.com/

 

jQuery

What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

jquery.com

제이쿼리 라이브러리를 제공하는 사이트에서 제이쿼리 라이브러리 파일을 직접 내려받아 HTML에 불러오는 방식. 네트워크 상태와 상관없이 언제든 개발할 수 있다. 하지만 컴퓨터에 라이브러리 파일을 내려받아야 한다

 

 

 

 

 

2) 네트워크 전송 방식

 

온라인에서 제공하는 제이쿼리 라이브러리 파일을 네트워크를 통해 HTML에 불러오는 방식. 간편하게 연동할 수 있다. (CDNJS : https://cdnjs.com/libraries/jquery)

 

 

종류 설명
jquery.js 소스에 들여쓰기, 줄 바꿈, 주석까지 정리된 비압축 파일로 제이쿼리 자체를 개발할 때 유용
jquery.min.js 소스에 들여쓰기, 줄 바꿈, 주석이 무시된 압축 파일로 소스가 압축되어 있어 제이쿼리 자체를 개발하는 용도로는 적합하지 않지만 용량이 작아 로딩 속도가 빠르다.

 

<script src="http://code.jquery.com/jquery-2.2.1.min.js"></script> // 지정한 버전의 제이쿼리를 사용

<script src="http://code.jquery.com/jquery-lastest.min.js"></script> // 가장 최신 버전의 제이쿼리를 사용

 

 

 

 

 


참고 :  ⌜Do it! 자바스크립트 + 제이쿼리 입문⌟ 책을 공부하며 요약・정리한 내용입니다.


728x90