JQuery
JQuery는 오픈소스 자바 스크립트 라이브러리이다.
자바 스크립트 프로그래밍을 간소화하는 역할
공식 웹 사이트
JQuery는 지금도 계속 발전하고 있고 방대한 내용이 만들어져 있다.
다음과 같은 버전의 배포판이 있다.
- 1.x버전
안정정. 구버전 브라우저에서도 잘 동작
- 2.x버전
1.x와 동일한 API제공. 오래된 브라우저에서는 지원 불가
- 3.x버전
현재 최신 버전(slim 형식 코드 제공)
각각의 버전 마다 다음과 같은 종류의 라이브러리 파일이 제공된다.
umcompression : 기본 코드
minified : 공백 등을 제거하여 용량을 간소화 시킨 코드
slim : ajax를 제거한 기본 코드
slim minified : slim파일을 간소화 시킨 코드
JQuery 사용하기
개발 중인 JQuery를 사용하려면 https://jquery.com/ 에 접속하여 JQuery 소프트웨어 다운로드 하고 설치하여 사용하거나 구글에서 호스팅하는 라이브러리를 사용하는 방법이 있다.
먼저 JQuery를 직접 다운로드 받아 설치하는 방법을 확인한다.
1. https://code.jquery.com/jquery/ 접속(모든 버전 목록이 나온다.)
2. 이 중 원하는 버전을 다운로드하여 작업할 폴더에 적절히 저장
3. 페이지의 로딩 시간이 길어지거나 성능이 저하되는 현상을
줄이기 위해 <body> 태그의 가장 마지막에 추가하는 것을 권장
다음으로 CDN( Content Dilivery Network)을 이용하는 방법을 확인한다.
1. https://code.jquery.com/jquery 에서 다운로드 받은 jquery파일의 링크주소를 활용하는 방법
우클릭해서 속성 클릭
속성에서 URL주소를 복사하여 활용
2. 구글개발자 사이트에서 제공하는 주소를 이용하는 방법
https://developers.google.com/speed/libraries/#jquery
위 주소로 접속하여 사용할 jquery경로를 복사하여 활용
CDN 적용 방법
복사한 jquery 경로를 다음과 같이 추가하여 사용한다.
JQuery 는 HTML요소에 특정 동작을 수행하도록 하는데에 사용
기본 문법은 다음과 같은 형식을 가진다.
$(선택자).액션()
$: JQuery객체 접근자
(선택자) : HTML요소의 이름, 타입, 클래스, 아이디 등을 선택
액션 : 클릭, 키, 포커드 등의 이벤트
'교육자료 > JQuery' 카테고리의 다른 글
| JQuery 기본 문법과 구성요소(도큐먼트이벤트) (0) | 2017.05.11 |
|---|---|
| JQuery 기본 문법과 구성요소(폼이벤트) (0) | 2017.05.10 |
| JQuery 기본 문법과 구성요소(키보드이벤트) (0) | 2017.05.10 |
| JQuery 기본 문법과 구성요소(마우스이벤트) (0) | 2017.05.10 |
| JQuery 기본 문법과 구성요소(선택자) (0) | 2017.05.10 |