책 이미지
책 정보
· 분류 : 국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > HTML/JavaScript
· ISBN : 9788909199506
· 쪽수 : 324쪽
책 소개
목차
Chapter-1 jQuery를 시작하자
1.1 jQuery의 대략적인 개념
◆ ‘어떤 것을 가져오기’ → ‘그것에 무엇을 하기’
$와 jQuery 오브젝트
1.2 jQuery를 사용하기 위한 준비
◆ jQuery 다운로드
페이지 로딩 완료를 기다린다
◆ 코드의 외부 파일화
이 책에서 사용하는 HTML 세트
◆ 개발자 전용 디버깅 기능
Chapter-2 어떤 것을 가져오기(기본 1)
2.1 ‘어떤 것을 가져오기’ 기능
2.2 셀렉터
◆ 어려운 셀렉터는 나중에
ID셀렉터 ─ #idValue
◆ 클래스 셀렉터─.className
유형 셀렉터─element
◆ 조합해 보기
자손 셀렉터─ancestor descendant
◆ 보다 높은 기능의 셀렉터
2.3 가져온 것에서 더 찾는다
◆ 변수에 저장한다
jQuery와 변수를 조합한다
◆ 포함된 요소 중에서 더 찾는다─find
◆ 보다 높은 기능의 ‘가져온 것에서 더 찾기’ 기능
Chapter 3 그것에 무엇을 하기(기본 2)
3.1 ‘그것에 무엇을 하기’ 기능
3.2 메소드
3.3 스타일을 변경한다
◆ CSS
show / hide
width / height
정리
3.4 애니메이션을 한다
◆ fadeIn / fadeOut
slideDown / slideUp
animate
정리
3.5 내용이나 속성을 변경한다
◆ text/html
empty
attr
val
addClass/removeClass
정리
3.6 작동하기•지우기•만들기
◆ append / appendTo
오브젝를 새로 만들다
remove
정리
3.7 이벤트를 설정한다
◆ 민호의 면접
click ─ 클릭하였을 때
◆ mouseenter / mouseleave─마우스 올려놓았을 때 / 내려갔을 때
◆ hover ─ mouseenter와 mouseleave를 한꺼번에
◆ focus / blur ─ 포커스가 맞았다/벗어났다
◆ 같은 요소를 두 번 가져오지 않게 한다
◆ 이벤트와 this
$(DOM 요소)
정리
3.8 각각 처리한다
◆ each
값과 내용을 설정한다 / 취득한다
3.9 정리
Chapter 4 무엇을 만들어 보기
4.1 실용성이 높은 것을 만들어 보자
4.2 롤 오버
◆ 대략적인 구조
기본형
발전형
Design Sample
4.3 아코디언
◆ 대략적인 구조
기본형
발전형
Design Sample
4.4 외부 파일로 표 만들기
◆ 대략적인 구조
기본형
발전형
Design Sample
4.5 슬라이드 쇼
◆ 대략적인 구조
기본형
발전형
Design Sample
4.6 탭 콘텐츠
◆ 대략적인 구조
기본형
발전형
Design Sample
4.7 툴 팁(말풍선)
◆ 대략적인 구조
기본형
발전형
Design Sample
4.8 스와이프 사진 갤러리
◆ 대략적인 구조
기본형
발전형
Design Sample
4.9 정리
Chapter 5 플러그 인으로 마무리
5.1 플러그이란?
5.2 플러그 인을 사용해 보자
5.3 플러그인을 작성해 보자
◆ 플러그 인 형식과 실행 방법
옵션
$.extend 마치는 글