1. Jquersy 란?
Jquey를 사용하기 위해서는 Javascript언어에 대해 기본적인 지식이 필요로 합니다.
2. Jquery 프로젝트 적용
제이쿼리(jquery) 공식 홈페이지를 통해 https://jquery.com 다운로드가 가능합니다.
프로젝트 적용방법은 2가지로 나눠집니다.
1. CDN 주소를 활용한 방법
https://developers.google.com/speed/libraries/#jquery 주소를 접속을 하면 아래와 같은 화면이 보입니다.
|
|
현재 기준으로 버전이 3.x 버전까지 지원이 되고 있으니 가급적이면 최신버전으로 이용을 합니다.
버전에 해당하는 소스를 복사를 해 사용을 하고자 하는 프로젝트에 <head></head> 태그 안에 포함을 시켜줍니다.
<head> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> </head>
2. 라이브러리 다운 후 적용
https://jquery.com/download/ 페이지에 접속을 하면 아래와 같은 화면이 나옵니다.
|
|
여기서 실제 버전(production), 개발버전(development)이 존재를 하는데 필요하시는 버전을 클릭해 다운 후
프로젝트에 <head></head>태그 사이에 다운로드한 파일을 경로를 넣어주시면 됩니다.
<head> <script src="../js/jquery-3.2.1.min.js"></script> </head>
3. Jquery 기능
3-1 요소 선택자
<링크>
제이쿼리(Jquery) 아이디, 클래스, 태그 선택자#1제이쿼리(Jquery) 속성 선택자#2
제이쿼리(Jquery) 부모, 형제, 자식 선택자#3
제이쿼리(Jquery) 필터링 선택자#4
'프론트 엔드 > Jquery' 카테고리의 다른 글
| 개발노트 :: 제이쿼리(Jquery) Ajax 사용법 (0) | 2019.04.01 |
|---|---|
| 개발노트 :: 제이쿼리(Jquery) 필터링 선택자#4 (0) | 2019.03.28 |
| 개발노트 :: 제이쿼리(Jquery) 부모, 형제, 자식 선택자#3 (0) | 2019.03.27 |
| 개발노트 :: 제이쿼리(Jquery) 속성 선택자#2 (0) | 2019.03.26 |
| 개발노트 :: 제이쿼리(Jquery) 아이디, 클래스, 태그 선택자#1 (0) | 2019.03.25 |