jQuery 기본 강의

jQuery 효과

filter() 메서드는 특정 조건과 일치하는 요소를 반환합니다.

filter() 메서드는 모든 선택된 조건을 만족하지 않는 요소를 필터링하고, 일치하는 항목을 반환합니다.

filter() 메서드와not()반대 방법.

특정 조건을 만족하는 요소 가져오기:

$(selector).filter(criteria)

함수를 사용하여 요소 가져오기:

$(selector).filter(function(index))

모든 "demo" 클래스 이름을 가진 단락 반환:

예제

$("document").ready(function(){
　　$("p").filter(".demo").css("background", "coral");
});

모든 짝수 항목 반환:

예제

$("document").ready(function(){
　　$("li").filter(":even").css("background", "coral");
});

모든 div의 색상을 변경하고, "middle" 클래스를 가진 사용자에게 경계 스타일을 추가

예제

$("document").ready(function(){
　　$("div").css("background", "#c8ebcc").filter(".middle").css("border-color", "red");
});

요소를 필터링하는 함수 사용

예제

$("document").ready(function(){
　　$("div").filter(function(i){　　
　　　　　　　　return $(this).hasClass("middle");
　　}).css("background-color", "blue");
});

파라미터	설명
criteria	선택자 표현식, jQuery 객체 또는 선택된 요소 그룹에서 반환된 하나나 여러 개의 요소를 지정 여러 조건을 지정하려면 콤마를 사용
function(index)	집합의 각 요소에 대한 테스트를 위해 사용할 함수를 지정 index-요소가 집합에서의 인덱스 위치를 반환