: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" /> 결과보기
<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")