여행을 개발하다

안녕하세요. 오늘은 지난 시간의 인접 관계 선택자에 이어 '탐색 선택자, 그 중에서도 위치 탐색 선택자'에 대해 포스팅하고자 합니다. 인접 관계 선택자들은 주로 부모와 형제, 상위와 하위, 형제 등으로 '요소 간 관계 위주'로 접근했었습니다. 선택자들이 가지고 오는 요소들은 '이전', '이전 요소들', '다음', '다음 요소들', 'A요소 이전', '모든 형제 요소'와 같이 범위의 개념이었죠. 하지만 불특정 '이전', '이후'의 요소들만을 다룬다면 정교한 선택에 제한이 걸릴 것이고, 이러한 한계점을 해결하기 위해 고안된 것이 탐색 선택자입니다. 이를 통해, 인접 관계 선택자 중에서도 '몇 번째 이전(형) 요소', '몇 번 째 다음(동생) 요소'와 같이 정교한 탐색을 통한 요소 선택이 가능합니다. 그럼 탐..

안녕하세요. 오늘은 지난 포스팅인 '기본 선택자(직접 선택자)'에 이어, 기본 선택자, 그 중에서도 '인접관계 선택자'에 대해 포스팅하고자 합니다. 직접 선택자가 말 그대로 HTML 요소를 직접 가져온다면, 인접관계 선택자는 선택한 요소의 인접 요소들을 가져오는 기능을 합니다. 여기서 인접 요소들이란 부모, 형제, 자식 요소 등을 포함합니다. 하지만 부모, 형제, 자식 요소들에 대해 개념이 생소하신 분들이 있을 것 같아 간단하게 부모, 형제, 자손 요소에 대해 짚고 넘어가도록 하겠습니다. 1. 부모, 자식, 형제 요소의 이해 부모, 자식, 형제 요소라고 해서 거창한 개념은 아닙니다. 그저 저희가 친족들 간에 쓰던 호칭을 HTML 요소에 직접 적용한 것이기 때문이에요. 일반적으로 가계도는 다음과 같이 그릴..

안녕하세요. 오늘은 제이쿼리의 핵심 기능이라고 할 수 있는 '선택자'에 대해 포스팅하고자 합니다. 선택자는 HTML의 여러 요소들을 가지고 오는 기능을 합니다. 제이쿼리의 선택자를 사용하면, input, button, p와 같은 HTML 요소를 보다 동적이고 자유롭게 컨트롤 할 수 있습니다. 선택자에도 기본 선택자, 탐색 선택자 등의 다양한 종류가 있습니다. 오늘은 HTML의 영역에 있는 문서 객체를 컨트롤 할 수 있는 '기본 선택자', 그 중에서도 '직접 선택자'에 대해 알아보겠습니다. 먼저, 직접 선택자의 종류는 다음과 같습니다. 1. 직접 선택자의 종류 순번 선택자 종류 설명 사용법 1 전체 선택자 body 영역에 있는 모든 요소를 가지고 온다. $("*") 2 아이디 선택자 사용자가 지정한 id를..