:not() 예제 - 지정 요소 제외한 요소 선택 :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> 결과보기
※ 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(selector)") [매개변수] selector 필수. 제외한 요소. ※ 제외한 어떤 종류의 선택자든 가능.
$(":not(selector)")
[매개변수]
selector
필수. 제외한 요소.
※ 제외한 어떤 종류의 선택자든 가능.