jQuery 필터 not() 및 filter() 예제 code_jquery

첫 번째 작성 방법:

코드 복사 코드는 다음과 같습니다.

$ (function(){
$("li").not(":even").css("color","red");
$("li").filter (":odd" ).css("color","red");

})

두 번째 작성 방법:

코드 복사 코드는 다음과 같습니다.

$(function(){
$(" li").filter(function(index ) {
return index%2 == 0;
}).css("color","red");

$("li" ).not(function(index) {
return index%2 !== 0;
}).css("color","red")
})

두 가지 작성 방법을 모두 사용할 수 있습니다. 동일한 효과를 얻으려면 not과 filter는 반대 필터입니다!

jQuery 필터 선택기:not() 메서드 소개

jQuery(':not(selector)')
이전 버전의 jQuery에서 :not() 필터는 간단한 A만 지원합니다. 선택기는 :not 필터에 전달하는 선택기가 다음과 같이 임의로 복잡할 수 있음을 의미합니다: not(div a) 및 :not(div,a)

"a" >sdfsdfs< ;/p>

"b">sdfsdfs

"c">sdfsdfs

$ ("p :not(.a)").css({"color":"red"})
그러면 클래스가 a인 p 요소를 제외하고 다른 P 요소의 텍스트 색상은 빨간색이 됩니다.
:not() 의사 클래스 필터 선택기 이 이름은 발음하기 정말 어렵습니다. jQuery의 :not() 메소드는 불필요한 요소를 필터링하고 올바른 결과를 필터링할 수 있습니다. 다음 코드:

$("selector1:not(selector2)")
위 코드를 분석해 보겠습니다. selector1의 요소를 가져오고 싶지만 모두 필요하지 않을 수도 있습니다. 해야 할까요? 통과: not() 메서드를 사용하여 selector1의 컬렉션에 #1, #2, #3, #4가 있는 경우
우리의 selector2는 위 코드를 사용하여 결국 #4를 필터링합니다. get #1, #2, #3
몇 가지 예

$('li:not(:only-child)')//다음을 제외한 모든 li 일치
$('li which 하위 요소가 하나만 있습니다 :not(:first-child)');//LI 일치
$("li :not(:first)").hide();// 첫 번째 LI를 제외한 모든 LI 숨기기