목차
- :focus 예제 - 포커스 된 요소 배경색 변경
- :focus 정의
- :focus 구문
:focus 예제 - 포커스 된 요소 배경색 변경
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input.hz").focus();
$(":focus").css("background-color", "yellow");
});
</script>
<input class="hz" type="text" value="홈짱닷컴 Homzzang.com" />
<input type="text" value="홈짱닷컴 Homzzang.com" />
결과보기
:focus 정의
포커스 된 요소 (= 현재 선택되어 커서가 깜빡이는 요소) 선택.
※ 주로 다른 태그명이나 선택자와 함께 사용.
※ 단독 사용 시, *:focus 선택자와 같음.
:focus 구문
$(":focus")