이 문서의 예에서는 jquery 검색창 효과를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. jquery: 검색창 효과 <br> $(함수(){<br> $('#search').val("검색 내용을 입력해주세요.").addClass("c1");<br> $('#search').focus(function(){//검색창에 포커스가 있을 때<br> $('#search').val("").addClass("c2");<br> });<br> $('#search').blur(function(){//검색창이 포커스를 잃었을 때<br> If($('#search').val()==""){<br> $('#search').val("검색 내용을 입력해주세요.").attr("class","c1");<br> }<br> });<br> });<br> <br> <style type="text/css"><br> .c1{색상:회색;글꼴 스타일:기울임꼴;}<br> .c2{색상:#000;글꼴 스타일:일반;}<br> </스타일><br> </머리><br> <br> <input type="text" size="38" id="search" /><button>검색</button><br> </본문><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
