jQuery 복습 Traversing3 - Filtering

가장 기본적인 필터링 방법은 first(), last(), eq()이며 elements 그룹에서, 위치에 따라 특정 element를 선택 할 수 있다.
filter() 및 not()과 같은 다른 필터링 방법을 사용하면 특정 기준과 일치하거나 일치하지 않는 element를 선택 할 수 있다.

 

 

first 메서드

특정 elements그룹에서 첫번째 노드를 반환한다.

$("div").first().css("background-color", "yellow");

//div를 선택자 지정하면 모든 div가 선택되는데, 그중에서 첫번째 div element만을 반환한다. (단일노드)

 

 

 

 

 

last 메서드

특정 그룹에서 마지막 노드를 반환한다.

$("div").last().css("background-color", "yellow");

 

 

 

 

 

 

 

eq 메서드

선택된 요소 그룹에서 인덱스번호로 특정 요소를 지정 할 수 있다.

[index 번호는 0번부터 시작한다.]

$("p").eq(1).css("background-color", "yellow");

 

 

 

 

filter 메서드

기준을 지정 할 수 있다. 기준과 일치하지 않는 요소는 제외되고 "일치하는 요소"만을 반환한다.

$("p").filter(".intro").css("background-color", "yellow");

 

 

 

 

not 메서드

기준에 일치하지 않는 모든 요소만을 반환한다. filter메서드와 반대이다.

$("p").not(".intro").css("background-color", "yellow");