[Selector] JQ - :selected 선택자 - selected="selected"인 요소 선택. (= 실렉티드 선택자 = 셀렉티드 선택자)

목차

1. :selected 예제
2. :selected 정의
3. :selected 구문

:selected 예제 

 

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

<script>

$(document).ready(function(){

  $(":selected").css("background-color", "yellow");

});

</script>

<form action="">

이름: <input type="text" name="name"><br>

언어:

<select>

  <option>HTML</option>

  <option selected="selected">CSS</option>

  <option>PHP</option>

  <option>SQL</option>

</select>

</form>

 

결과보기

:selected 정의 

 

미리 선택된 option 요소 선택.

 

---

[주의]

 

:selected 선택자 : checkbox 또는 radion 속성의 버튼에서 작동 X. 

※ option 요소에서만 작동.

:checked 선택자 : checkbox 또는 radion 속성의 버튼에서 작동  O. 

※ option 요소에서도 작동.

:selected 구문 

 

$(":selected")