목차
- :not() 예제 - 지정 요소 제외한 요소 선택
- :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>
결과보기
:not() 정의
지정 요소 아닌 그외 모든 요소 선택.
※ 지정 요소 제외한 다른 요소 선택 위해, 다른 선택자와 함께 주로 사용.
:not() 구문
$(":not(selector)")
[매개변수]
selector
필수. 제외한 요소.
※ 제외한 어떤 종류의 선택자든 가능.