> 웹 프론트엔드 > JS 튜토리얼 > jQuery 필터 선택기: not() method_jquery 사용 소개

jQuery 필터 선택기: not() method_jquery 사용 소개

WBOY
풀어 주다: 2016-05-16 16:51:56
원래의
1555명이 탐색했습니다.

jQuery(':not(selector)')

jQuery의 초기 버전에서 :not() 필터는 단순 선택기만 지원합니다. 즉, :not 필터에 전달하는 선택기는 임의적일 수 있습니다. , 예: not(div a) 및 :not(div,a)

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

"a">sdfsdfs


"b">sdfsdfs


c"> ;sdfsdfs


$("p:not(.a)").css({"color":"red"})

그런 다음 해당 클래스를 제외하세요. p와 같습니다. 요소 외부에서는 다른 P의 텍스트 색상이 빨간색이 됩니다.

:not() 의사 클래스 필터 선택기 이 이름은 jQuery의 의사 클래스입니다. -클래스 선택 필터는 불필요한 요소를 필터링하고 올바른 결과를 필터링할 수 있습니다. 간단히 말하면 다음과 같은 코드가 있습니다.
코드 복사 코드는 다음과 같습니다.

$("selector1:not(selector2)")

위 코드를 분석해 보겠습니다. 하지만 어쩌면 필요하지 않을 수도 있습니다. selector1 컬렉션에 #1, #2, #3, #4가 있는 경우 :not() 메서드를 통해 필터링하세요.

우리의 selector2 #4를 필터링하는 것입니다. 위의 코드는 #1, #2, #3으로 끝납니다.

몇 가지 예만 더 들면
복사 code 코드는 다음과 같습니다:

$('li:not(:only-child)')//
$('를 제외한 모든 li 일치 하위 요소가 하나만 있는 li:not(:first) -child)');//상위 요소
$("li :not(:first)")의 첫 번째 하위 요소인 LI를 제외하고 일치합니다. hide();//첫 번째 것을 제외하고 숨기기 LI를 제외한 모든 LI
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿