* jQuery 란?
자바스크립트 라이브러리
* 목적 : 웹사이트에서 자바스크립트를 사용하는 것이 훨씬 쉬워지도록 하는 것.
여러줄의 자바스크립트 코드를 필요로 하는 많은 일반적인 작업을 한줄의 코드로 작업할수 있는 메서드로 실현 가능
jQuery 는 Ajax 호출 및 DOM조작과 같은 자바스크립트의 복잡한 작업을 간단히 처리
* 기능
- HTML/DOM 조작 : 특정요소를 쉽게 찾고, 내용변경이 간단하다.
-CSS조작 : 특정요소에 대한 스타일 변경 등의 작업이 간단
-HTML : 이벤트 간단하게 처리
-효과 및 애니메이션 : 웹 페이지 상의 효과나 애니메이션이 가능
-Ajax : 네트워크를 통하여 서버와의 정보 교류를 쉽게 한다.
*jQuery 사용하기
1) 다운로드 받아 사용 하는 방법
2) 사이트를 방문하여 참조하는 방법
https://developers.google.com/speed/libraries/#jquery
 |
* jQuery의 기초
jQuery를 사용하여 HTML요소를 선택하고 'action'을 수행한다.
jQuery 구문은 HTML요소를 선택하고, 그 요소에 대해 몇가지 작업을 수행하기 위해 만들어 졌다.
| $(selector).action(), |
$ : jQuery를 정의하고 호출하여 사용
selector : HTML요소를 쿼리하는 역할
action : 선택요소가 행하는 동작을 명시
$() 의 괄호 속에는 선택자를 지정하여 요소를 선택하며, 그 요소에 대한 요구되는 기능을 실행
CH02_01.HTML
 |
* 문서준비 메소드
-document.ready()
jQuery 소스는 document.ready() 내 함수로 작성된다. document.ready()의 일반적인 형식은 다음과 같다.
|
$(document).ready(function(){ jQuery 메소드 go here... } |
문서로드가 완료되기 전에 jQuery코드가 실행되지 않도록 하기 위한것.