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 숨기기

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제










!['[Vue 경고]: 필터를 확인하지 못했습니다' 오류 해결 방법](https://img.php.cn/upload/article/000/887/227/169243040583797.jpg?x-oss-process=image/resize,m_fill,h_207,w_330)
"[Vuewarn]:Failedtoresolvefilter" 오류를 해결하는 방법 Vue를 사용하여 개발 프로세스를 진행하는 동안 "[Vuewarn]:Failedtoresolvefilter"라는 오류 메시지가 나타나는 경우가 있습니다. 이 오류 메시지는 일반적으로 템플릿에서 정의되지 않은 필터를 사용할 때 발생합니다. 이 문서에서는 이 오류를 해결하는 방법을 설명하고 해당 코드 예제를 제공합니다. 우리가 Vue에 있을 때

1. 필터 먼저 웹 서버의 필터 위치를 살펴보세요. 필터는 이전 처리가 완료된 후 처리를 위해 다음 필터로 전달되는 체인입니다. 1.1필터 인터페이스 정의 publicinterfaceFilter{//초기화 방법은 전체 수명 주기에서 한 번만 실행됩니다. //init 메소드가 성공적으로 실행될 때까지(예외 발생 등의 실패) 필터링 서비스를 제공할 수 없습니다. //FilterConfig 매개변수는 초기화 매개변수를 얻는 데 사용됩니다. publicvoidinit(FilterConfigfilterConfig)throwsServletException;//

참고 1. Lambda 매개변수가 true 값을 생성하면 필터(부울 결과를 생성할 수 있는 Lambda)가 요소를 생성합니다. 2. false가 생성되면 이 요소는 더 이상 사용되지 않습니다. 목록 컬렉션 생성 예: ListstringCollection=newArrayList();stringCollection.add("ddd2");stringCollection.add("aaa2");stringCollection.add("bbb1");stringC

CSS 퍼지 속성에 대한 자세한 설명: 필터 및 배경 필터 소개: 웹 페이지를 디자인할 때 페이지의 시각적 매력을 높이기 위해 특수 효과가 필요한 경우가 종종 있습니다. 흐림 효과는 일반적인 특수 효과 중 하나입니다. CSS는 요소 콘텐츠와 배경 콘텐츠를 각각 흐리게 하는 데 사용되는 필터와 배경 필터라는 두 가지 흐림 속성을 제공합니다. 이 문서에서는 이러한 두 가지 속성을 자세히 설명하고 몇 가지 구체적인 코드 예제를 제공합니다. 1. 필터

CSS 시각적 속성 분석: 상자 그림자, 텍스트 그림자 및 필터 소개: 웹 디자인 및 개발에서 CSS를 사용하여 요소에 다양한 시각적 효과를 추가할 수 있습니다. 이 기사에서는 사용법 및 효과 표시를 포함하여 CSS의 상자 그림자, 텍스트 그림자 및 필터의 세 가지 중요한 속성에 중점을 둘 것입니다. 아래에서는 이 세 가지 속성을 자세히 분석합니다. 1. box-shadow (박스 그림자) box-shado

Java8의 Optional 클래스: filter() 메서드를 사용하여 null 가능성이 있는 값을 필터링하는 방법 Java8에서 Optional 클래스는 null 가능성이 있는 값을 더 잘 처리하고 NullPointerException 발생을 방지할 수 있는 매우 유용한 도구입니다. Optional 클래스는 잠재적인 null 값을 조작하는 많은 메서드를 제공하며 중요한 메서드 중 하나는 filter()입니다. filter() 메서드의 기능은 다음과 같습니다. Option

Vue에서는 필터를 사용하여 데이터 형식을 지정하고 처리합니다. Vue에서는 필터를 사용하여 데이터 형식을 지정하고 처리할 수 있습니다. 필터는 템플릿에서 직접 호출할 수 있는 함수로 표시할 데이터를 처리하고 처리된 결과를 반환할 수 있습니다. 이 기사에서는 필터를 사용하여 데이터 형식을 지정하고 처리하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 필터 등록 Vue 인스턴스에서는 모델에서 사용할 수 있도록 먼저 필터를 등록해야 합니다.

먼저 통합 액세스 URL 차단을 위한 필터를 정의합니다. 코드는 다음과 같습니다: publicclassUrlFilterimplementsFilter{privateLoggerlog=LoggerFactory.getLogger(UrlFilter.class);@OverridepublicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,FilterChainchain)throwsIOException,ServletException{H
