2010. 7. 31. 16:09
jQuery
jQuery 란?
- jQuery 는 HTML 문서보다 정확하게 문서 개체 모델 (DOM) 과 자바스크립트 사이의
상호작용을 간단하게 해주는 오픈소스 자바스크립트 라이브러리다. - jQuery 이외에도 prototype , Dojo
- JavaScript: The Definitive Guide ( http://oreilly.com/catalog/9780596000486 ) 추천
- jQuery 의 철학 : 적게 작성하고 , 보다 많이 한다 [ Write less , do more ]
jQuery 의 장점
- jQuery는 오픈소스, MIT와 GNU 일반 공개 라이센스(GPL)를 가지고 있다. 즉 무료
- jQuery는 경량화(최소18 KB) 압축해제(114 KB) 이다
- jQuery는 많은 사람들이 사용하고 있다.
- jQuery는 웹브라우저 간의 차이를 표준화하기에 따로 웹 브라우져단을 신경 쓸 필요 없다.
- jQuery는 깔끔한 플러그인 아키텍처를 사용하여 경량으로 제작 되었다
- jQuery 플러그인 자료실 (http://plugins.jquery.com/)은 광범위하며, jQuery가 출시 이후 꾸준히 성장하고 있다.
- jQuery의 API 는 인라인 코드 예제를 포함하여 완전하게 문서화 되어 있다.
- jQuery는 친화적이다. 즉 다른 자바스크립트 라이브러리들과 함께 사용할때 충돌을 피하기 위한 부분까지 신경쓰여 있다.
- jQuery는 현재 꾸준히 사용자가 늘어나고 있는 추세이다.
jQeury 의 기본 사용 예
- jQuery 는 기본적으로 Chain 형태를 띄고 있다.
예시
1. jQuery('div').hide;
jQuery('div').text('jQuery');
jQuery('div').addClass('updateClass');
jQuery('div').show();
2. jQeury('div').hide.text('jQuery').addClass('updateClass').show();
위의 두 개의 예시는 동일한 결과를 낸다.
- jQuery 의 래퍼(wrapper)란 의미는 jQuery 기능으로 둘러싸인 DOM 요소를
HTML 페이지에서 선택하게 될거라는 의미. - jQuery 는 내부적으로 간결한 루프가 실행된다고 본다 즉 jQuery('div').each(function(){}). 가
있는 것과 같다. HTML 에 div 개체가 여러개 있다고 하면 jQuery 는 다 찾아놓는다.
* jQuery 관련 자료는 모두 O'REILLY 의 jQuery Cookbook 에서 발취하였습니다.
상업적 목적 또는 문제가 될 소지가 있는 곳에 사용하지 말아주세요