[Selector] JQ - :not() 선택자 ★ - 지정 요소 제외한 요소 선택. (= not선택자 = 낫선택자)

1. :not() 예제 - 지정 요소 제외한 요소 선택
2. :not() 정의
3. :not() 구문

:not() 예제 - 지정 요소 제외한 요소 선택

※ p 요소 중 클래스 a가 아닌 요소 선택. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("p:not(.a)").css("background-color", "yellow");

});

</script>

<h1>홈짱닷컴 Homzzang.com</h1>

<p class="a">가</p>

<p>나</p>

<p>다</p>

<p>라</p>

<ul id="b">

  <li>마</li>

  <li>바</li>

  <li>사</li>

</ul>

 

결과보기

:not() 정의

 

지정 요소 아닌 그외 모든 요소 선택.

 

---

 

※ 지정 요소 제외한 다른 요소 선택 위해, 다른 선택자와 함께 주로 사용.

 

:not() 구문

 

$(":not(selector)")

 

---

[매개변수]

 

selector

필수. 제외한 요소.

※ 제외한 어떤 종류의 선택자든 가능.