제이쿼리 JQuery
제이쿼리란 오픈 소스 기반의 자바스크립트 라이브러리이다. 자바스크립트에서 자주 사용되는 로직들을 손쉽게 사용할 수 있도록 묶어놓아 사용이 간편하고 짧고 단순한 코드로 구현할 수 있다.
제이쿼리 사용하기 ① : 라이브러리 파일 다운로드
- 다운로드 사이트
https://jquery.com/download/
Download jQuery | jQuery
link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download
jquery.com
제이쿼리 사용하기 ② : 어떤 파일을 받아야 할까? (compressed/ uncompressed)
- compressed (jquery - x.x.x.min.js)
compressed 방식은 제이쿼리 소스코드의 주석, 공백, 줄바꿈을 제거하고 변수명을 짧게 하는 방식으로 압축되어 있다. 따라서 로드하는 속도가 향상된다. 보통 소스코드를 수정할 일이 없다면 이 파일을 사용한다.
- uncompressed (jquery - x.x.x.js)
uncompressed 파일은 원본 형태 그대로, 공백과 주석이 포함된 파일이다. 사용자의 필요에 따라 라이브러리를 수정하여 사용해야 하는 특수한 경우에 사용한다.
링크를 오른쪽 클릭하여 다른 이름으로 링크 저장한다.
제이쿼리 사용하기 ③ : 프로젝트에 파일 넣기
사용할 프로젝트 아래에 제이쿼리 파일을 넣어준다.
제이쿼리 사용하기 ④ : html 문서와 연결하기
제이쿼리를 사용하기 위해서는 제이쿼리 라이브러리를 html 문서 내부에 선언해줘야 한다. 소스는 html의 <head> </head> 사이에 위치하며 src에 파일의 경로를 연결시키면 된다.
<head>
<script type="text/javascript" src="resources/js/jquery-3.4.1.min.js"></script>
</head>
제이쿼리 사용하기 ⑤ : API
jQuery API Documentation
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. If you're new t
api.jquery.com
댓글