• 컴퓨터/IT > 프로그래밍 > JAVA

2012/4 컴퓨터/IT 45위 | 현재 컴퓨터/IT 45위 |

• [시리즈] 위키북스 오픈소스 & 웹 시리즈 [79]

출판사 리뷰

jQuery는 동적이고 인터랙티브한 웹사이트를 구축할 때 개발자의 시간과 노력을 줄여준다. 그러자면 먼저 jQuery 기능을 파악하는 것이 무엇보다 중요하다. 지금 전 세계에서 가장 인기 있는 자바스크립트 라이브러리인 jQuery에 대한 포괄적인 내용을 담고 있는 레퍼런스를 찾고 있다면 바로 이 책이 해답이다.

이 책에서는 jQuery 1.4 버전부터 계속해서 추가된 기능과 바뀐 부분을 포함해서 jQuery 1.6 버전까지의 메서드와 함수, 셀렉터 표현식을 기능별로 묶어 설명한다. 아울러 각 메서드와 함수에 대해 문법, 매개변수, 반환값을 간략하게 소개하고, 이어서 응용 가능한 상세한 예제와 사용법을 제시한다.

또한 jQuery의 사용법을 하나하나 짚어 가면서 자바스크립트와 다른 클라이언트 측 언어와 혼동하지 않게 돕는다.

★ 대상 독자

jQuery 라이브러리의 모든 기능을 분류별로 살펴보고 싶거나 어떤 한 기능을 빠르게 찾은 후 그 기능만 집중적으로 살펴볼 때 이 책이 많이 도움될 것이다. 이 책을 쉽게 읽고 이해하려면 HTML과 CSS에 대한 기본적인 지식과 함께 자바스크립트 코드를 무난하게 읽을 수 있어야 한다. jQuery에 대한 사전 지식은 그다지 중요하지 않다.

★ 이 책의 내용

? jQuery 라이브러리의 기능 확인
? 함수, 메서드, 셀렉터 표현식과 관련한 기초적인 jQuery 학습
? jQuery 스크립트의 분석과 이해
? HTML 문서 내의 엘리먼트에 접근하기
? 사용자 이벤트 핸들러를 이용한 사용자 상호작용 구현
? 웹 문서의 수정과 다이내믹한 웹 페이지 제작
? 세련된 애니메이션과 이펙트 구현
? 최신 AJAX 기술을 이용한 서버와의 통신
? 강력한 jQuery의 플러그인 아키텍처를 이용한 플러그인 제작
? jQuery 1.6 버전까지 추가된 최신 기능과 업데이트

01장 jQuery 스크립트 살펴보기
동적인 목차
- jQuery 구하기
- HTML 문서 준비
- jQuery 코드 작성
예제 스크립트 분석
- 셀렉터 표현식
- DOM 탐색 메서드
- DOM 조작 메서드
- 이벤트 메서드
- 이펙트 메서드
- AJAX 메서드
- 기타 메서드
- 플러그인 API
정리

02장 셀렉터 표현식
CSS 셀렉터
- Element (T)
- ID (#myid)
- class (.myclass)
- E F 하위 엘리먼트
- E > F \u003d> 자식 엘리먼트
- E + F \u003d> 이웃 엘리먼트
- E ~ F \u003d> 형제 엘리먼트
- E, F, G \u003d> 다중 표현식
- :nth-child(n/even/odd/expr) \u003d> 순차 자식 표현식
- :first-child \u003d> 첫 번째 자식 표현식
- :last-child \u003d> 마지막 자식 표현식
- :only-child \u003d> 유일한 자식 표현식
- :not(E) \u003d> 부정 표현식
- :empty \u003d> Empty 표현식
- * \u003d> 전체 선택 표현식
속성 셀렉터
- [foo] \u003d> 속성 표현식
- [foo\u003dbar] \u003d> 속성값 표현식
- [foo!\u003dbar] \u003d> 값이 일치하지 않는 속성
- [foo^\u003dbar] \u003d> 속성값 시작 단어 일치 여부 표현식
- [foo$\u003dbar] \u003d> 속성값 종료 단어 일치 여부 표현식
- [foo*\u003dbar] \u003d> 속성값 포함 여부 표현식
- [foo~\u003dbar] \u003d> 단어를 포함하는 속성 표현식
- [foo|\u003dbar] \u003d> 머리글을 포함하는 속성 표현식
폼 셀렉터
사용자정의 셀렉터
- :eq(n) \u003d> 인덱스 기반 선택 셀렉터
- :gt(n) \u003d> ~보다 큰 표현식
- :lt(n) \u003d> ~보다 작은 표현식
- :first \u003d> 첫 번째 엘리먼트 표현식
- :last \u003d> 마지막 엘리먼트 표현식
- :even \u003d> 짝수 엘리먼트 표현식
- :odd \u003d> 홀수 엘리먼트 표현식
- :parent \u003d> 부모 엘리먼트 여부 표현식
- :contains(text) \u003d> 텍스트 포함 표현식
- :has(E) \u003d> 엘리먼트 포함 표현식
- :visible \u003d> 가시성 상태 표현식
- :hidden \u003d> 감춤 상태 표현식
- :header \u003d> 헤더 표현식
- :animated \u003d> 애니메이션 동작 상태 표현식
- :focus \u003d> 포커스 엘리먼트

03장 DOM 탐색 메서드
jQuery 메서드
- $()
필터링 메서드
- .filter()
- .not()
- .has()
- .eq()
- .first()
- .last()
- .slice()
트리 탐색 메서드
- .find()
- .children()
- .parents()
- .parentsUntil()
- .parent()
- .closest()
- .offsetParent()
- .siblings
- .prev()
- .prevAll()
- .prevUntil()
- .next()
- .nextAll()
- .nextUntil()
기타 탐색 메서드
- .add()
- .is()
- .end()
- .andSelf()
- .map()

04장 DOM 처리 메서드
기본 속성
- .attr() (접근자)
- .attr(설정자)
- .removeAttr()
- .prop() (접근자)
- .prop() (설정자)
- .removeProp()
스타일 프로퍼티
- .css() (접근자)
- .css (설정자)
- .height() (접근자)
- .height() (설정자)
- .innerHeight()
- .outerHeight()
- .width() (접근자)
- . width() (설정자)
- .innerWidth()
- .outerWidth()
- .offset(접근자)
- .offset() (설정자)
- .position()
- .scrollTop() (접근자)
- .scrollTop() (설정자)
- .scrollLeft() (접근자)
- .scrollLeft() (설정자)
클래스 속성
- .hasClass()
- .addClass()
- .removeClass()
- .toggleClass()
DOM 대체
- .html() (접근자)
- .html() (설정자)
- .text() (접근자)
- .text() (설정자)
- .val() (접근자)
- .val() (설정자)
- .replaceWith()
- .replaceAll()
DOM 내부 삽입 메서드
- .prepend()
- .prependTo()
- .append()
- .appendTo()
DOM 외부 삽입 메서드
- .before()
- .insertBefore()
- .after()
- .insertAfter()
DOM 주변 삽입 메서드
- .wrap()
- .wrapAll()
- .wrapInner()
DOM 복사 메서드
- .clone()
DOM 제거 메서드
- .empty()
- .remove()
- .detach()
- .unwrap()

05장 이벤트 메서드
이벤트 핸들러 추가
- .bind()
- .unbind()
- .one()
- .trigger()
- .triggerHandler()
- .live()
- .die()
- .delegate()
- .undelegate()
문서 로딩
- .ready()
- jQuery.holdReady()
- .load()
- .unload()
- .error()
마우스 이벤트
- .mousedown()
- .mouseup()
- .click()
- .dblclick()
- .toggle()
- .mouseover()
- .mouseout()
- .mouseenter()
- .mouseleave()
- .hover()
- .mousemove();
폼 엘리먼트
- .focus()
- .blur()
- .change()
- .select()
- .submit()
키보드 이벤트
- .keydown()
- .keypress()
- .keyup()
브라우저 이벤트
- .resize()
- .scroll()

06장 이펙트 메서드
기본 이펙트 메서드
- .show()
- .hide()
- .toggle()
- .slideDown()
- .slideUp()
- .slideToggle()
- .fadeIn()
- .fadeOut()
- fadeTo()
- .fadeToggle()
사용자 효과
- .animate()
- .stop()
- .delay()
- .queue()
- .dequeue()
- .clearQueue()
- jQuery.fx.interval

07장 AJAX 메서드
저수준 인터페이스
- $.ajax()
- $.ajaxSetup()
간편 메서드
- $.get()
- .load()
- $.post()
- $.getJSON()
- $.getScript()
전역 AJAX 이벤트 핸들러
- .ajaxComplete()
- .ajaxError()
- .ajaxSend()
- .ajaxStart()
- .ajaxStop()
- .ajaxSuccess()
- jQuery.ajaxPrefilter()
지연 객체 (Deferred Object)
- deferred.done()
- deferred.fail()
- deferred.isRejected()
- deferred.isResolved()
- deferred.promise()
- deferred.reject()
- deferred.rejectWith()
- deferred.resolve()
- deferred.resolveWith()
- deferred.then()
- deferred.always()
- jQuery.when()
도우미 메서드
- .serialize()
- .serializeArray()
- jQuery.parseJSON()
- jQuery.parseXML()

08장 기타 메서드
설정 메서드
- $.noConflict()
DOM 엘리먼트 메서드.
- .size()
- .get()
- .index()
컬렉션 처리 메서드
- .each()
- $.grep()
- $.makeArray()
- $.inArray()
- $.map()
- $.merge()
- $.unique()
- $.extend()
- $.trim()
- $.param()
객체 타입 확인 메서드
- $.isArray()
- $.isFunction()
- $.isPlainObject()
- $.isEmptyObject()
- $.isXMLDoc()
데이터 관리 메서드
- .data()
- .removeData()
- jQuery.hasData()
에러 처리 메서드
- jQuery.error()
- jQuery.isWindow()
- jQuery.now()
- jQuery.type()
- jQuery.sub()

09장 jQuery 프로퍼티
전역 프로퍼티
- $.browser
- $.support
jQuery 객체 관련 프로퍼티
- .length
- .selector
- .context
- jQuery.cssHooks

10장 플러그인 API
플러그인 활용
플러그인 개발
- 객체 메서드
- 전역 함수
- 셀렉터 표현식
플러그인 관례
- $ 별칭의 사용
명명 규약
API 표준화

11장 빨리 찾아보기
셀렉터 표현식
메서드
프로퍼티

부록A 온라인 참고자료
jQuery 문서
자바스크립트 레퍼런스
자바스크립트 코드 압축 도구
자바스크립트 코드 압축해제 도구
(X)HTML 참고 자료
CSS 레퍼런스
유용한 블로그
jQuery를 사용 중인 웹 개발 프레임워크

부록B 개발 도구
파이어폭스용 도구
인터넷 익스플로러 개발 도구
사파리 개발 도구
오페라용 도구
기타 도구