책 이미지

책 정보
· 분류 : 국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > HTML/JavaScript
· ISBN : 9788992939935
· 쪽수 : 908쪽
· 출판일 : 2011-09-29
책 소개
목차
[jQuery 1.3 : 작고 강력한 자바스크립트 라이브러리]
1장 jQuery 시작하기
jQuery란 무엇인가
jQuery, 왜 좋은가
jQuery 프로젝트의 역사
첫 번째 jQuery 도큐먼트
- jQuery 다운로드
- HTML 도큐먼트 설정
- jQuery 코드 작성
- 완성된 산출물
2장 선택자
DOM
$() 팩터리 함수
CSS 선택자들
속성 선택자
사용자정의 선택자들
- 행에 징검다리 스타일 입히기
- 폼 선택자
DOM 순회 메서드들
- 특정 셀에 스타일 입히기
- 체인
DOM 요소 접근하기
3장 이벤트
페이지 로드 시점에 작업 수행하기
- 코드 실행 시간
- 하나의 페이지에 다중 스크립트 사용하기
- 간결하게 단축된 코드
- 다른 라이브러리와 공존
기본 이벤트들
- 간단한 스타일 변환기
- 간소화서된 이벤트
합성 이벤트
- 개선된 보이기와 숨기기 특징
- 클릭 가능한 아이템들 강조하기
이벤트의 여행
- 이벤트 버블링의 부작용
진행 경로 수정하기 : 이벤트 객체
- 이벤트 대상
- 이벤트 전파 멈추게 하기
- 기본 동작들
- 이벤트 위임
이벤트 핸들러 제거하기
- 이벤트 네임스페이스
- 이벤트 다시 바인딩하기
사용자 상호작용 흉내내기
- 키보드 이벤트
4장 효과
인라인 CSS 변경
기본적인 숨김과 보이기
효과와 속도
- 속도 지정하기
- 페이드인, 페이드아웃
복합 효과
사용자 정의 애니메이션 만들기
- 페이드 토글하기
- 여러 프로퍼티를 애니메이션하기
동시효과 대 연속효과
- 요소들의 단일 집합 다루기
- 요소들의 다중 집합 다루기
- 콜백
- 핵심정리
5장 DOM 다루기
속성 조작하기
- class 이외의 속성들
- $() 함수 다시 보기
새로운 요소 삽입하기
요소 이동
- 표시하기, 숫자 부여하기, 컨텍스트와 연결하기
- 주석 추가하기
요소 감싸기
요소 복사하기
- 이벤트 복제하기
- 인용표시 복제하기
- CSS 나누기
- 코드 검토
- 인용표시 꾸미기
DOM 조작 메서드 핵심정리
6장 AJAX
필요할 때 데이터 로드하기
- HTML 추가하기
- 자바스크립트 객체로 작업하기
- XML 도큐먼트 로드하기
데이터 형식 선택하기
서버로 데이터 전달하기
- GET 요청 수행하기
- POST 요청 수행하기
- 폼 직렬화하기
요청이 처리 중임을 표시하기
AJAX와 이벤트들
보안 제약사항들
- 원격 데이터를 위한 JSONP
추가적인 옵션
- 저수준 AJAX 메서드
- 기본 옵션 변경하기
- HTML 페이지의 일부를 로드하기
7장 테이블 다루기
정렬과 페이징
- 서버 측 정렬
- 자바스크립트로 정렬 구현하기
- 서버 측 페이징
- 자바스크립트로 페이징하기
- 완성된 코드
테이블 외형 수정
- 행 하이라이트
- 툴팁
- 접기와 펼치기
- 필터링
- 완성된 코드
8장 폼과 함수
기본 폼의 기능 향상
- 폼 스타일의 단계적 기능향상
- 선택적으로 표시되는 필드들
- 폼 입력 유효성 검사
- 체크박스 다루기
- 완성된 코드
단순한 폼
- 플레이스홀더 텍스트
- AJAX 자동완성
- 완성된 코드
수치입력 다루기
- 장바구니 테이블 구조
- 숫자가 아닌 입력 무시하기
- 숫자 계산
- 물품(아이템) 삭제하기
- 배송 정보 편집하기
완성된 코드
9장 셔플러와 로테이터
헤드라인 로테이터
- 페이지 설정
- 피드 읽기
- 로테이터 설정
- 헤드라인 로테이션 함수
- 호버 시 멈춤
- 다른 도메인에서 피드 읽어오기
- 점진적 페이드 효과
- 완성된 코드
이미지 회전
- 페이지 설정
- 이미지 클릭시 셔플링하기
- 이미지 확대
- 완성된 코드
10장 플러그인
플러그인과 사용법 찾기
플러그인 사용법
폼 플러그인
- 팁과 기교
jQuery UI 플러그인 라이브러리
- 효과
- 상호작용 컴포넌트
- 위젯
- jQuery UI 테마롤러
추천 플러그인
- 폼 플러그인
- 테이블 플러그인
- 이미지 플러그인
- 라이트박스와 모달 다이얼로그
- 차트
- 이벤트
11장 플러그인 개발
새 전역 함수 추가
- 여러 함수 추가하기
- 핵심은 무엇인가?
- 유틸리티 메서드 만들기
jQuery 객체 메서드 추가
객체 메서드 컨텍스트
- 메서드 체인
- DOM 탐색 메서드
새 단축 메서드 추가하기
메서드 파라미터
- 간단한 파라미터
- 파라미터 맵
- 기본 파라미터 값
- 콜백함수
- 커스터마이즈 가능한 기본 값
선택자 표현식 추가
플러그인 배포하기
- 이름 짓기
- $ 별칭 사용
- 메서드 인터페이스
- 문서화서 스타일
부록 A. 온라인 리소스
jQuery 문서
자바스크립트 참조문서
자바스크립트 코드 압축기
(X)HTML 레퍼런스
CSS 레퍼런스
유용한 블로그들
jQuery를 적용한 웹 개발 프레임워크
부록 B. 개발 도구들
파이어폭스용 도구들
인터넷 익스플로러용 도구들
사파리용 도구들
오페라를 위한 도구들
기타 다른 도구들
부록 C. 자바스크립트 클로저
내부 함수
클로저 간의 상호작용
jQuery에서의 클로저
메모리 누수 위험
부록 D. 퀵 레퍼런스
선택자 표현식
DOM 순회 메서드들
이벤트 메서드
효과 메서드
DOM 조작 메서드
AJAX 메서드
기타 메서드
[jQuery API 레퍼런스 가이드]
01장 jQuery 스크립트 살펴보기
동적인 목차
- jQuery 구하기
- HTML 문서 준비
- jQuery 코드 작성
예제 스크립트 분석
- 셀렉터 표현식
- DOM 탐색 메서드
- DOM 조작 메서드
- 이벤트 메서드
- 이펙트 메서드
- AJAX 메서드
- 기타 메서드
- 플러그인 API
정리
02장 셀렉터 표현식
CSS 셀렉터
- Element (T)
- ID (#myid)
- class (.myclass)
- E F 하위 엘리먼트
- E > F => 자식 엘리먼트
- E + F => 이웃 엘리먼트
- E ~ F => 형제 엘리먼트
- E, F, G => 다중 표현식
- :nth-child(n/even/odd/expr) => 순차 자식 표현식
- :first-child => 첫 번째 자식 표현식
- :last-child => 마지막 자식 표현식
- :only-child => 유일한 자식 표현식
- :not(E) => 부정 표현식
- :empty => Empty 표현식
- * => 전체 선택 표현식
속성 셀렉터
- [foo] => 속성 표현식
- [foo=bar] => 속성값 표현식
- [foo!=bar] => 값이 일치하지 않는 속성
- [foo^=bar] => 속성값 시작 단어 일치 여부 표현식
- [foo$=bar] => 속성값 종료 단어 일치 여부 표현식
- [foo*=bar] => 속성값 포함 여부 표현식
- [foo~=bar] => 단어를 포함하는 속성 표현식
- [foo|=bar] => 머리글을 포함하는 속성 표현식
폼 셀렉터
사용자정의 셀렉터
- :eq(n) => 인덱스 기반 선택 셀렉터
- :gt(n) => ~보다 큰 표현식
- :lt(n) => ~보다 작은 표현식
- :first => 첫 번째 엘리먼트 표현식
- :last => 마지막 엘리먼트 표현식
- :even => 짝수 엘리먼트 표현식
- :odd => 홀수 엘리먼트 표현식
- :parent => 부모 엘리먼트 여부 표현식
- :contains(text) => 텍스트 포함 표현식
- :has(E) => 엘리먼트 포함 표현식
- :visible => 가시성 상태 표현식
- :hidden => 감춤 상태 표현식
- :header => 헤더 표현식
- :animated => 애니메이션 동작 상태 표현식
- :focus => 포커스 엘리먼트
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 개발 도구
파이어폭스용 도구
인터넷 익스플로러 개발 도구
사파리 개발 도구
오페라용 도구
기타 도구