not 선택자

:not 선택자는 주어진 선택자에 맞지 않는 요소들을 선택합니다. 대부분의 경우, 코드의 가독성을 높이기 위해 not 메서드를 사용하는 것이 권장됩니다.

구문

다음과 같이 요소를 선택합니다:

javascript$(':not(selector)');

예시

www 클래스를 가지지 않는 단락만 선택하여 텍스트 끝에 '!!!'를 추가해 봅시다:

html<p class="www">text</p>
<p class="zzz">text</p>
<p class="www">text</p>
<p>text</p>
javascript$('p:not(.www)').append('!!!');

HTML 코드는 다음과 같이 변합니다:

html<p class="www">text</p>
<p class="zzz">text!!!</p>
<p class="www">text</p>
<p>text!!!</p>

참고 항목

  • 주어진 선택자에 따라 집합에서 요소를 제외하는 not 메서드
  • 주어진 선택자에 따라 집합의 요소를 필터링하는 filter 메서드