> 웹 프론트엔드 > JS 튜토리얼 > Forms_jquery에 대한 jQuery 작업 코드 모음

Forms_jquery에 대한 jQuery 작업 코드 모음

WBOY
풀어 주다: 2016-05-16 18:08:30
원래의
1255명이 탐색했습니다.

텍스트 상자의 포커스 스타일 변경

코드 복사 코드는 다음과 같습니다.


기본 개인정보 >< label for="username">이름:

fieldset>



먼저 CSS에 클래스 이름 포커스가 있는 스타일을 추가합니다.
css 코드는 다음과 같습니다.



코드 복사
코드는 다음과 같습니다. .focus { border: 1px solid #f00;
background: #fcc;
}


그런 다음 텍스트 상자에 포커스 가져오기 및 손실 이벤트를 추가하세요



코드 복사
코드는 다음과 같습니다. $(function(){ $(":input ").focus(function(){
$(this).addClass("focus");
}).blur(function(){
$(this).removeClass("focus") ;
});
});


다중 텍스트 상자 기능
댓글 상자의 최소 및 최대 높이 설정:



코드 복사
코드는 다음과 같습니다.
확대
축소

< ;div>