jQuery 순회 - 필터링

jQuery Traversal - Filtering

요소 범위 검색의 약어

가장 기본적인 세 가지 필터링 방법은 first(), last() 및 eq()이며 집합 내의 위치를 ​​기준으로 필터링할 수 있습니다. 요소 중 특정 요소를 선택합니다.

filter() 및 not()과 같은 다른 필터링 방법을 사용하면 지정된 기준과 일치하거나 일치하지 않는 요소를 선택할 수 있습니다.

jQuery first() 메서드

first() 메서드는 선택한 요소 중 첫 번째 요소를 반환합니다.

다음 예에서는 첫 번째 <div> 요소 내의 첫 번째 <p> 요소를 선택합니다.

Example

$(document).ready(function(){
  $("div p").first();
});

jQuery last() 메서드

last() 메서드는 마지막으로 선택한 요소 요소를 반환합니다.

다음 예에서는 마지막 <div> 요소에서 마지막 <p> 요소를 선택합니다.

Instance

$(document).ready(function(){
  $("div p").last();
});

jQuery eq() 메서드

eq() 메서드는 선택한 요소에서 지정된 요소를 반환합니다. 요소의 인덱스 번호입니다.

인덱스 번호는 0부터 시작하므로 첫 번째 요소의 인덱스 번호는 1이 아닌 0입니다. 다음 예에서는 두 번째 <p> 요소(색인 1)를 선택합니다.

Instance

$(document).ready(function(){
  $("p").eq(1);
});

jQuery filter() 메서드

filter() 메서드를 사용하면 기준을 지정할 수 있습니다. 이 기준과 일치하지 않는 요소는 컬렉션에서 제거되고 일치하는 요소가 반환됩니다.

다음 예에서는 클래스 이름이 "intro"인 모든 <p> 요소를 반환합니다.

Instance

$(document).ready(function(){
  $("p").filter(".intro");
});

jQuery not() 메서드

not() 메서드는 기준과 일치하지 않는 모든 요소를 ​​반환합니다.

팁: not() 메서드는 filter()와 반대입니다.

다음 예에서는 클래스 이름 "intro"가 없는 모든 <p> 요소를 반환합니다.

Instances

$(document).ready(function(){  
$("p").not(".intro");
});