02. 위치 탐색 선택자, 배열 관련 메서드

1. 위치 탐색 선택자

탐색 선택자를 사용하면 기본 선택자로 선택한 요소 중

원하는 요소를 한 번 더 탐색해서 좀 더 정확하게 선택할 수 있다.

사용법 예를 보겠다.

다음과 같은 코드가 있다.

이때, #MainList밑의 li에 홀수번째 요소만 선택하여

배경색을 빨간색으로 바꾸고 싶다.

그렇다면 다음과 같은 코드를 head의 script태그 안에 넣어주면 된다.

그러면 다음과 같이

홀수 번째 요소만 배경색이 바뀌는 모습을 확인할 수 있다.

이건 

$("MainList li:even").css("background-color", "red");

의 li:even 탐색 선택자에 의해 바뀐 것이다.

 

위치 탐색 선택자의 종류는 다음과 같다.

 

2. 배열 관련 메서드

해당 코드를 실행하면

이런 결과가 나온다.

이는 $(arr).each가

arr이란 배열에 객체가 들어있는 만큼

객체를 반복해주는 메서드이기 때문이다.

 

배열 관련 메서드 종류는 다음과 같다.