[Selector] JQ - :only-of-type 가상선택자 - 그 부모의 타입 고려 유일 자식요소 모두 선택. (= 온리 어브 타입 선택자)

1. :only-of-type 예제 - 그 부모의 타입 고려 유일 자식p요소 선택.
2. :only-of-type 정의
3. :only-of-type 구문

:only-of-type 예제 - 그 부모의 타입 고려 유일 자식p요소 선택.

 

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

<script>

$(document).ready(function(){

  $("p:only-of-type").css("background-color", "yellow");

});

</script>

<div style="border:1px solid;">

  <p>홈짱닷컴.</p>

  <p>Homzzang.com</p>

</div><br>

<div style="border:1px solid;">

  <p>홈페이지 제작관리</p>

</div><br>

<div style="border:1px solid;">

  <span>코딩언어</span>

  <p>그누보드</p>

</div>

 

결과보기

:only-of-type 정의

 

그 부모의 타입 고려 유일 자식요소 모두 선택.

※ 동일 타입 2개 이상 시 해당 X. (위 예제)

 

:only-of-type 구문

 

$(":only-of-type")