기능적 구현: 사용자가 텍스트를 입력할 때 입력하는 텍스트 상자를 강조 표시할 수 있으면 더 사용자 친화적일 것입니다. 아래에서는 이를 구현하기 위해 사용합니다. 구현원리: 문서가 로드(준비)된 후 입력의 포커스 및 블러 이벤트를 추가하고 스타일을 추가 및 삭제합니다. 코드 예: 코드 복사 코드는 다음과 같습니다. <br>.redBack{}{ <br>color:white; 배경:빨간색 <br>테두리:2px 단색 검정색; <br> <br>$(document).ready(function(){ <br>$('input').focus( function() { <br>$(this).addClass('redBack'); <br>//alert("hello") <br>}); Blur(function (){ <br>$(this).removeClass('redBack'); <br>}) <br>}) <br> 🎜>< ;body> 경고 후 커서는 지정된 위치. 확인해 보니 focus 속성을 쉽게 얻을 수 있다는 것을 알았습니다. alert("이름은 비워둘 수 없습니다!") //ID $("#name").focus() 즉, 프롬프트가 출력된 후 입력 항목으로 포커스가 돌아갑니다. 마찬가지로 해당 스타일도 추가할 수 있습니다. 입력되는 텍스트 상자를 강조 표시할 수 있다면 더 사용자 친화적일 것입니다. 이를 위해 jQuery를 사용하겠습니다. 문서가 로드(준비)된 후 입력의 포커스 및 흐림 이벤트를 추가하고 스타일을 추가 및 삭제합니다.