jQuery 순회 - 필터링


first(), last(), eq(), filter() 및 not() 메서드

가장 기본적인 필터링 방법은 first(), last()및 이며 eq(), 이를 통해 요소 그룹에서의 위치에 따라 특정 요소를 선택할 수 있습니다.

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


jQuery의 첫 번째() 메서드

first()메서드는 지정된 요소의 첫 번째 요소를 반환합니다 .

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

예시

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

jQuery last() 메서드

last()메서드는 지정된 요소의 마지막 요소를 반환합니다 .

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

예시

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


jQuery eq() 메서드

eq()메서드는 선택한 요소의 특정 인덱스 번호를 가진 요소를 반환합니다.

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

예시

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

jQuery filter() 메서드

filter()방법을 사용하면 기준을 지정할 수 있습니다. 기준과 일치하지 않는 요소는 선택 항목에서 제거되고 일치하는 요소가 반환됩니다.

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

예시

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

jQuery not() 메서드

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

팁: 방법은 의 not()반대입니다 filter().

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

예시

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

jQuery 연습

연습으로 자신을 테스트하십시오

연습:

jQuery 메서드를 사용하여 문서의 첫 번째 <div> 요소를 가져옵니다.

$("div").();


jQuery 순회 참조

모든 jQuery Traversing 메서드에 대한 전체 개요를 보려면 jQuery Traversing Reference 로 이동하십시오 .