[jQuery] 제이쿼리란? 제이쿼리 다운로드, 사용법

jQuery(제이쿼리)란?

 

2006년 1월, John Resig이 BarCamp NYC에서 발표한,

모든 브라우저에서 동작하는 클라이언트 자바스크립트 라이브러리

무료로 사용 가능한 오픈 소스 라이브러리이며 다음과 같은 기능을 위해 제작됐다.

 

1. 문서 객체 모델과 관련된 처리를 쉽게 구현

2. 일관된 이벤트 연결을 쉽게 구현

3. 시각적 효과를 쉽게 구현

4. ajax(비동기 통신을 위한 기법) 애플리케이션을 쉽게 개발

 

 

제이쿼리 다운로드

 

http://jquery.com 에 접속해서

빨간색 표시된 부분 아무곳이나 들어가서 다운받으면 된다. 본인은 현재 공부하는 교재에서 제공해주는 제이쿼리 1.10.2 버전을 사용하고 있으므로 구버전을 통해 제이쿼리 사용법을 보여줄 예정!) 

 

 

제이쿼리 사용법

 

제이쿼리 사용법에는 직접 다운로드해서 코드 내에서 호출하는 방법, CDN 방법 두 가지로 나뉜다.

 

1. 직접 다운로드해서 코드 내에서 호출하는 방법

 

작업환경에 js 폴더를 새로 만들어주고, 아까 다운로드 받았던 제이쿼리 파일을 새로 만든 폴더에 넣어준다. 그 다음에 코드 내에서 '상대경로'를 통해서 제이쿼리를 호출해내고 있다. 코드를 실행해보면 다음과 같은 결과가 나온다.

 

 

 

2. CDN 방법

 

CDN 방식은 사용자가 제이쿼리를 다운로드 받지 않아도 인터넷상에서 간편하게 콘텐츠를 제공하는 방식이다. 인터넷이 없는 환경에서는 제이쿼리가 적용이 되지 않는 단점이 있다. 실행 했을때 위와 똑같은 결과가 나오는 걸 확인할 수 있다.

 

 

위에서 파란색으로 체크한 부분은 jQuery로 어떠한 이벤트를 넣어야 할 때 반드시 써야하는 시작 코드이다.

$(document).ready(function(  )};  ------> $(function(  )};  이런식으로 간소화 할 수 있다.