추가 적립 안내

jQuery의 기본 개념과 샘플 코드를 담은 jQuery 입문서!

『머리에 쏙쏙 들어오는 jQuery 입문』은 HTML과 CSS 문법을 알고 있는 독자를 대상으로 한 jQuery 입문서이다. 본문은 jQuery의 기본적인 개념을 설명한 후 ‘기본’ 장에서 jQuery의 기능을 하나하나 소개하는 형식으로 구성하였다. ‘무언가 만들어 보기’ 장에서는 jQuery를 사용하여 작성한 샘플을 통해 웹 제작자가 업무에서 사용하는 기능을 설명한다. 또한 ‘기본’ 파트에서 설명하고 있지 않은 기능과 자바스크립트의 기본 지식에 대해서도 다루고 있다. 마지막의 ‘플러그인으로 정리하기’ 장에서는 jQuery의 플러그인이란 무엇인가와 만든 코드를 플러그인으로 만드는 방법, 배포된 유명 플러그인 등에 관해 기술하였다.

HTML과 CSS를 알고 있는 독자를 위한 최적의 jQuery 입문서!
척척 읽어 나갈 수 있어 명쾌하게 이해할 수 있는 입문서!
자신의 생각대로 웹에서 "동작하는" 디자인을 해보자!

이 책은 아주 쉽게 설명한 jQuery 입문서다. 간단한 HTML과 CSS 문법을 알고 있는 독자라면 강력한 jQuery 기능들을 이 책으로 쉽고 빠르게 익힐 수 있을 것이다. 더불어 jQuery의 기본 지식에 대한 명료한 설명과 다양한 샘플 코드들은 실전에서 jQuery를 다뤄보지 못한 독자들에게 자신감을 안겨줄 것이다.

쉽고 재미있는 집필과 화려한 편집(전면 컬러)의 이 책은 이미 다른 책으로 jQuery에 도전했다가 낭패를 본 독자들에게도 최적의 도서다. 웹 디자인과 웹 개발을 하면서도 자바스크립트나 jQuery를 거의 알지 못하는 사람들이 이 책을 통해 jQuery를 사용하여 자신이 직접 코드를 생각해서 작성할 수 있도록 집필되었기 때문이다.

이 책의 구성

메인이 되는 내용은 [기본]과 [무언가 만들어 보기] 장이다.

우선 jQuery의 기본적인 개념을 설명한 후 [기본] 장들에서 jQuery의 기능을 하나하나 소개하고 있다. 그러나 전 기능을 설명한다는 의미는 아니며, 빈번하게 사용되는 기능을 중심으로 다루고 있다. jQuery의 기능은 방대하며 모두가 매우 편리한 기능들이지만, 처음 접해보는 사람에게는 거의 사용하지 않는 기능들도 많이 포함되어 있다. 처음으로 자바스크립트와 jQuery를 접하는 사람에게 이러한 기능까지 설명해놓으면 혼란스럽기만 할 것이다. 그래서 이 장에서는 정말로 빈번하게 사용하는 기능만을 엄선하여 설명하고 있다.

그 다음인 [무언가 만들어 보기] 장에서는 웹 제작자가 업무에서 사용하는 기능에 대해서 jQuery를 사용하여 작성한 샘플을 설명하고 있다. 샘플은 (대체로) 난이도순으로 나열되어 있어 앞에서부터 순서대로 읽어 나가면 jQuery를 점차 깊이 있게 이해할 수 있는 구성으로 되어 있다. 또한 [기본] 파트에서 설명하고 있지 않는 기능과 자바스크립트의 기본 지식에 대해서도 다루고 있다.

마지막의 [플러그인으로 정리하기] 장에서는 jQuery의 플러그인에 대해서 설명하고 있다. 플러그인이란 무엇인가와 만든 코드를 플러그인으로 만드는 방법, 배포된 유명 플러그인에 대한 설명도 곁들이고 있다.

독자 대상

웹 디자이너
여기서 말하는 웹 디자이너는 주로 웹 에이전시에서 근무하고 있거나 프리랜서로, 때에 따라 HTML과 CSS의 코딩을 하기도 하는 사람을 말한다.

웹 개발자
여기서 말하는 개발자란 평소 업무에서 서버 사이드의 프로그램을 주로 작성하는 사람, HTML이나 CSS 코딩을 하는 한편으로 자바스크립트를 작성하는 사람 등을 말한다.

HTML과 CSS를 알고 있는 독자를 위한 최적의 jQuery 입문서!
척척 읽어 나갈 수 있어 명쾌하게 이해할 수 있는 입문서!
자신의 생각대로 웹에서 "동작하는" 디자인을 해보자!

이 책은 아주 쉽게 설명한 jQuery 입문서다. 간단한 HTML과 CSS 문법을 알고 있는 독자라면 강력한 jQuery 기능들을 이 책으로 쉽고 빠르게 익힐 수 있을 것이다. 더불어 jQuery의 기본 지식에 대한 명료한 설명과 다양한 샘플 코드들은 실전에서 jQuery를 다뤄보지 못한 독자들에게 자신감을 안겨줄 것이다.

쉽고 재미있는 집필과 화려한 편집(전면 컬러)의 이 책은 이미 다른 책으로 jQuery에 도전했다가 낭패를 본 독자들에게도 최적의 도서다. 웹 디자인과 웹 개발을 하면서도 자바스크립트나 jQuery를 거의 알지 못하는 사람들이 이 책을 통해 jQuery를 사용하여 자신이 직접 코드를 생각해서 작성할 수 있도록 집필되었기 때문이다.

이 책의 구성
메인이 되는 내용은 「기본」과 「무언가 만들어 보기」 장이다.

우선 jQuery의 기본적인 개념을 설명한 후 「기본」 장들에서 jQuery의 기능을 하나하나 소개하고 있다. 그러나 전 기능을 설명한다는 의미는 아니며, 빈번하게 사용되는 기능을 중심으로 다루고 있다. jQuery의 기능은 방대하며 모두가 매우 편리한 기능들이지만, 처음 접해보는 사람에게는 거의 사용하지 않는 기능들도 많이 포함되어 있다. 처음으로 자바스크립트와 jQuery를 접하는 사람에게 이러한 기능까지 설명해놓으면 혼란스럽기만 할 것이다. 그래서 이 장에서는 정말로 빈번하게 사용하는 기능만을 엄선하여 설명하고 있다.

그 다음인 「무언가 만들어 보기」 장에서는 웹 제작자가 업무에서 사용하는 기능에 대해서 jQuery를 사용하여 작성한 샘플을 설명하고 있다. 샘플은 (대체로) 난이도순으로 나열되어 있어 앞에서부터 순서대로 읽어 나가면 jQuery를 점차 깊이 있게 이해할 수 있는 구성으로 되어 있다. 또한 「기본」 파트에서 설명하고 있지 않는 기능과 자바스크립트의 기본 지식에 대해서도 다루고 있다.

마지막의 「플러그인으로 정리하기」 장에서는 jQuery의 플러그인에 대해서 설명하고 있다. 플러그인이란 무엇인가와 만든 코드를 플러그인으로 만드는 방법, 배포된 유명 플러그인에 대한 설명도 곁들이고 있다.

독자 대상
웹 디자이너
여기서 말하는 웹 디자이너는 주로 웹 에이전시에서 근무하고 있거나 프리랜서로, 때에 따라 HTML과 CSS의 코딩을 하기도 하는 사람을 말한다.

웹 개발자
여기서 말하는 개발자란 평소 업무에서 서버 사이드의 프로그램을 주로 작성하는 사람, HTML이나 CSS 코딩을 하는 한편으로 자바스크립트를 작성하는 사람 등을 말한다.

Chapter 1 jQuery를 시작해보자
1.1 jQuery의 대략적인 개념
[무언가를 가져오기] → [그것에 무언가를 하기]
$와 jQuery 객체
1.2 jQuery를 사용하기 위한 준비
jQuery의 다운로드
페이지의 로딩 완료 기다리기
코드의 외부 파일화
이 책에서 사용하는 기본 파일 세트
Firebug

Chapter 2 무언가를 가져오기(기본 그 첫 번째)
2.1 [무언가를 가져오기] 기능
2.2 셀렉터
어려운 셀렉터는 나중에
ID 셀렉터 -------- #idValue
클래스 셀렉터 -------- .className
타입 셀렉터 -------- element
조합해보기
자손 셀렉터 -------- ancestor descendant
보다 고기능의 셀렉터
2.3 가져온 것에서 좀 더 검색하기
변수에 보관하기
jQuery와 변수 조합시키기
내포된 요소 안에서 좀 더 검색하기 -------- find
보다 수준 높은 [가져온 것에서 좀 더 검색하기] 기능

Chapter 3 그것에 무언가를 하기(기본 그 두 번째)
3.1 [그것에 무언가를 하기] 기능
3.2 메소드
3.3 스타일 변경하기
CSS
show
width
정리
3.4 애니메이션 시키기
fadeIn
slideDown
animate
정리
3.5 내용이나 속성 변경하기
text
empty
attr
val
addClass
정리
3.6 움직이기·지우기·만들기
append
요소를 새롭게 만들기
remove
정리
3.7 이벤트 설정하기
타로의 면접
click -------- 클릭되었을 때
mouserenter
hover -------- mouserenter와 mouseleave를 한꺼번에
focus
동일 요소를 두 번 가져오지 않도록 하기
이벤트와 this
$(DOM 요소)
정리
3.8 각각에 대하여 처리하기
each
값이나 내용 세트하기
3.9 정리

Chapter 4 무언가를 만들어 보기
4.1 실용성이 높은 것을 만들어 보자
4.2 롤오버
대략적인 구조
기본형
발전형
4.3 텍스트 입력 필드의 가이드 텍스트
대략적인 구조
기본형
발전형
4.4 아코디언
대략적인 구조
기본형
발전형
4.5 외부 파일에서 테이블 만들기
대략적인 구조
기본형
발전형
4.6 슬라이드 쇼
대략적인 구조
기본형
발전형
4.7 탭 콘텐츠
대략적인 구조
기본형
발전형
4.8 툴팁
대략적인 구조
기본형
발전형
4.9 정리

Chapter 5 플러그인으로 정리하기
5.1 플러그인이란?
5.2 플러그인을 사용해보자
5.3 플러그인을 작성해보자
플러그인 형식과 실행 방법
옵션
$.extend

에필로그
찾아보기

Chapter 1 jQuery를 시작해보자 _ 1
1.1 jQuery의 대략적인 개념 _ 2
「무언가를 가져오기」 → 「그것에 무언가를 하기」 _ 2
$와 jQuery 객체 _ 4
1.2 jQuery를 사용하기 위한 준비 _ 10
jQuery의 다운로드 _ 10
페이지의 로딩 완료 기다리기 _ 12
코드의 외부 파일화 _ 15
이 책에서 사용하는 기본 파일 세트 _ 17
Firebug _ 17

Chapter 2 무언가를 가져오기(기본 그 첫 번째) _ 23
2.1 「무언가를 가져오기」 기능 _ 24
2.2 셀렉터 _ 25
어려운 셀렉터는 나중에 _ 26
ID 셀렉터 -------- #idValue _ 27
클래스 셀렉터 -------- .className _ 30
타입 셀렉터 -------- element _ 32
조합해보기 _ 34
자손 셀렉터 -------- ancestor descendant _ 36
보다 고기능의 셀렉터 _ 39
2.3 가져온 것에서 좀 더 검색하기 _ 41
변수에 보관하기 _ 41
jQuery와 변수 조합시키기 _ 45
내포된 요소 안에서 좀 더 검색하기 -------- find _ 48
보다 수준 높은 「가져온 것에서 좀 더 검색하기」 기능 _ 51

Chapter 3 그것에 무언가를 하기(기본 그 두 번째) _ 53
3.1 「그것에 무언가를 하기」 기능 _ 54
3.2 메소드 _ 55
3.3 스타일 변경하기 _ 57
CSS _ 57
show/hide _ 60
width/height _ 62
정리 _ 64
3.4 애니메이션 시키기 _ 66
fadeIn/fadeOut _ 66
slideDown/slideUp _ 69
animate _ 72
정리 _ 75
3.5 내용이나 속성 변경하기 _ 77
text/html _ 77
empty _ 80
attr _ 82
val _ 84
addClass/removeClass _ 87
정리 _ 92
3.6 움직이기·지우기·만들기 _ 93
append/appendTo _ 93
요소를 새롭게 만들기 _ 99
remove _ 103
정리 _ 104
3.7 이벤트 설정하기 _ 105
타로의 면접 _ 105
click -------- 클릭되었을 때 _ 107
mouserenter/mouseleave -------- 마우스 포인터가 위에 있을 때/벗어났을 때 _ 109
hover -------- mouserenter와 mouseleave를 한꺼번에 _ 111
focus/blur -------- 포커스를 얻었을 때/벗어났을 때 _ 113
동일 요소를 두 번 가져오지 않도록 하기 _ 115
이벤트와 this _ 117
$(DOM 요소) _ 123
정리 _ 128
3.8 각각에 대하여 처리하기 _ 129
each _ 129
값이나 내용 세트하기/취득하기 _ 131
3.9 정리 _ 134

Chapter 4 무언가를 만들어 보기 _ 139
4.1 실용성이 높은 것을 만들어 보자 _ 140
4.2 롤오버 _ 141
대략적인 구조 _ 141
기본형 _ 142
발전형 _ 148
4.3 텍스트 입력 필드의 가이드 텍스트 _ 154
대략적인 구조 _ 154
기본형 _ 156
발전형 _ 165
4.4 아코디언 _ 169
대략적인 구조 _ 169
기본형 _ 172
발전형 _ 179
4.5 외부 파일에서 테이블 만들기 _ 187
대략적인 구조 _ 187
기본형 _ 188
발전형 _ 201
4.6 슬라이드 쇼 _ 207
대략적인 구조 _ 208
기본형 _ 208
발전형 _ 214
4.7 탭 콘텐츠 _ 219
대략적인 구조 _ 219
기본형 _ 220
발전형 _ 228
4.8 툴팁 _ 236
대략적인 구조 _ 236
기본형 _ 238
발전형 _ 244
4.9 정리 _ 252

Chapter 5 플러그인으로 정리하기 _ 253
5.1 플러그인이란? _ 254
5.2 플러그인을 사용해보자 _ 256
5.3 플러그인을 작성해보자 _ 260
플러그인 형식과 실행 방법 _ 261
옵션 _ 262
$.extend _ 264

에필로그 270
찾아보기 273

이 책은 [자기 자신이 직접 코드를 작성할 수 있게 된 사람]이 한 사람이라도 늘어날 수 있도록 배려하여 집필하였다. 이 책에 게재된 코드는 어떠한 환경에서라도 유연하게 대응 가능한 만능의 코드로 작성되어 있는 것이 아니라 초보자가 알기 쉽게 작성된 코드다. jQuery의 기능 해설 또한 전 기능을 망라하고 있는 것이 아니라 기본적인 기능부터 세세하고 복잡한 기능을 배워 나가는 형식으로 쓰여 있다.
(중략)
jQuery라는 말을 자주 듣고는 있지만 정말 편리한 것일까? 실제 업무에서 간단히 사용할 수 있을까? 자바스크립트를 배우고 외워 보려고 생각하고 있는데 어떻게 하면 좋을까? 이 책은 한 번이라도 이러한 것들을 생각해본 사람들을 위한 책이다. 이 책이 조금이라도 jQuery의 이해에 도움이 되기를 바란다.
(/ 머리말 중에서)

머리말 중에서
이 책은 「자기 자신이 직접 코드를 작성할 수 있게 된 사람」이 한 사람이라도 늘어날 수 있도록 배려하여 집필하였다. 이 책에 게재된 코드는 어떠한 환경에서라도 유연하게 대응 가능한 만능의 코드로 작성되어 있는 것이 아니라 초보자가 알기 쉽게 작성된 코드다. jQuery의 기능 해설 또한 전 기능을 망라하고 있는 것이 아니라 기본적인 기능부터 세세하고 복잡한 기능을 배워 나가는 형식으로 쓰여 있다.
(중략)
jQuery라는 말을 자주 듣고는 있지만 정말 편리한 것일까? 실제 업무에서 간단히 사용할 수 있을까? 자바스크립트를 배우고 외워 보려고 생각하고 있는데 어떻게 하면 좋을까? 이 책은 한 번이라도 이러한 것들을 생각해본 사람들을 위한 책이다. 이 책이 조금이라도 jQuery의 이해에 도움이 되기를 바란다.