jQuery 개요

jQuery란

기존 복잡했던 클라이언트 즉 HTML 스크립팅을 간소화하기 위해 고안된 Javascript 라이브러리로

적은 양의 코드로 빠르고, 풍부한 기능을 제공함.

 

 

표현법

head 태그 내부에 script 태그 선언

<script>script type="text/javascript" src="js파일 경로.js"</script>

 

 

오프라인 / 온라인 상태에 따라 파일 경로 지정 가능

- jQuery 공식 사이트 : https://jquery.com

 

- jQuery 라이브러리 제공 페이지 : https://code.jquery.com

 

 

1. jQuery 라이브러리 다운로드를 통한 연결

- js 파일을 공식 사이트에서 다운로드 하여 파일 경로 지정

-> head 부분에 경로 적기

 

 

2. CDN(Content Delivery Network)을 통한 연결

- 제공하는 주소를 이용하여 파일 경로 지정

- jQuery 공식 사이트

-> Using jQuery with a CDN 찾기

-> visit https://code.jquery.com

-> 3버전 script 파일 경로 복사

-> head 부분에 붙여넣기

 

 

jQuery 시작하기

jQuery의 명령은 문서가 로드 된 후에 실행 되어야 함

javascript의 window.onload = function(){} 와 같지만 onload 이벤트는 1회만 가능하고, jQuery는 제한 없음.

 

- jQuery에서 onload를 의미하는 함수 3가지

1) jQuery(document).ready(function(){});

2) $(document).ready(function(){});

3) $(function(){});

( jQuery를 $로 표현)

 

- jQuery 기본 형태

$('선택자').메소드명('속성', '속성값');