최신 웹 개발 튜토리얼
 

jQuery이송 - 필터링

❮ 이전 다음 장 ❯

요소에 대한 검색 범위를 좁힐

세 가지 기본적인 필터링 방법은 first(), last() 및 eq() 는 요소의 그룹에서의 위치에 따라 특정 요소를 선택하도록 허용.

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

jQuery를 first() 메소드

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

다음은 첫 번째 선택 <p> 첫 번째 내부 요소 <div> 요소를 :

예

$(document).ready(function(){
    $("div p").first();
});
»그것을 자신을 시도

jQuery를 last() 메소드

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

다음 예는 마지막 선택 <p> 마지막 내부 요소 <div> 요소를 :

예

$(document).ready(function(){
    $("div p").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");
});
»그것을 자신을 시도

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4» 운동 5» 운동 6»

jQuery를 이송 참조

모든 jQuery를 이송 방법의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 이송 참조 .


❮ 이전 다음 장 ❯