jQuery

jQuery가 브라우저 호환성 문제 속에서 어떻게 태어났는지, $가 정확히 무엇인지 정리했습니다. CDN으로 불러오는 방법과 $(document).ready()의 역할, 지금도 쓰이는 이유와 한계까지 살펴봅니다.

태그와 아이디, 클래스부터 속성 선택자와 필터까지 범위를 좁혀 가는 순서로 jQuery 선택자를 익힙니다. find와 parent 같은 탐색 메서드, 체이닝 사용법도 예제로 확인합니다.

text와 html, val로 내용을 읽고 쓰는 공통 규칙부터 attr과 prop의 차이까지 정리했습니다. 클래스 전환과 css 메서드, append와 remove로 문서 구조를 바꾸는 방법도 함께 다룹니다.

on 메서드로 클릭과 변경, 폼 제출을 처리하는 방법과 이벤트 객체 사용법을 정리했습니다. 새로 만든 요소에 클릭이 붙지 않는 문제를 이벤트 위임으로 해결하는 과정까지 따라갑니다.

show와 fade, slide 계열 효과부터 animate의 사용 규칙과 콜백 지정 방법까지 정리했습니다. 애니메이션이 밀리는 원인인 효과 큐와 stop을 짚고 아코디언 메뉴를 직접 완성합니다.