1. 제이쿼리란?
제이쿼리는 엄청 똑똑한 양반(존 레식 john Resig)이 자바스크립트를 이용해 만든 라이브러리 언어이다.
라이브러리 언어는 자바스크립트로 만들어진 다양한 함수들의 집합이다.
미리 만들어진 다양한 함수이기 때문에 필요할 때마다 사용자가 호출해서 사용하면 된다. 단, 자동완성 기능은 없다...ㅠ
2. 제이쿼리 라이브러리 연동하기
1] 다운로드 방식 (js)
제이쿼리 사이트에서 제이쿼리 라이브러리 파일을 직접 다운 받아 HTML에 불러오는 형식
① 종류
| 종류 | 설명 |
| jquery.js | 소스에 들여쓰기, 줄 바꿈, 주석까지 정리된 비압축 파일로, 제이쿼리 자체를 개발 할때 유용 |
| jquery.min.js | 소스에 들여쓰기, 줄 바꿈, 주석이 무시된 압축 파일로, 소스가 압축되어 있어 용량이 작아 로딩 속도가 빠름 |
② 다운로드 하는 방법
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
Download를 클릭
jQuery 탭의 가장 위에 있는 최신 버전 클릭
크롬에서 그냥 클릭하게 되면 이렇게 알 수 없는 아이가.....
이 때 당황하지 말고 주소를 복사해서 IE로 들어가서 다운 받기(귀찮... 언짢...)
그냥 바로 ctrl + s 눌러주세요.
그러고 저장하면 내려받기
이 때 js 파일은 HTML 파일이 있는 폴더에 js 폴더를 생성후 저장하면 훨씬 편하지만
아무대나 저장해서 나중에 불러올 수 있으니 편한대로 진행해도 상관없음
<head>
<meta charset="UTF-8">
<title>each, 속성 상태 확인 메서드</title>
<script type="text/javascript" src="./resource/js/jquery-3.4.1.min.js"></script>
</head>HTML <head>영역에 <script> 태그 삽입하여 제이쿼리 라이브러리 파일을 불러오면 끝
2] 네트워크 전송 방식 (CDN content delivery network)
'[YERIEL] 개발일기 > .etc' 카테고리의 다른 글
| 동적 바인딩 & 트리거 & 이벤트 제거 (0) | 2020.03.30 |
|---|---|
| 수치 조작 메서드 & 객체 편집 메서드 (0) | 2020.03.30 |
| 속성 조작 메서드 (0) | 2020.03.30 |
| jquery - 탐색 선택자 (0) | 2020.03.24 |
| jquery - 선택자 ; 기본 선택자 (0) | 2020.03.24 |
댓글