고정 헤더 영역
상세 컨텐츠
본문
반응형
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").focus(function(){
$(this).css("background-color", "#cccccc");
});
$("input").blur(function(){
$(this).css("background-color", "#ffffff");
});
});
</script>
</head>
<body>
이름: <input type="text" name="fullname"><br>
이메일: <input type="text" name="email">
</body>
</html>
$("input").focus(function(){ -- 태그명 input에 포커스를 얻었을떄
$(this).css("background-color", "#cccccc"); -- 해당 인풋태그의 css의 바탕색을 바꾼다.
$("input").blur(function(){
$(this).css("background-color", "#ffffff");
}); 이거는 반대로 포커스를 잃었을때
자바스크립트랑 다르게 앞에 on 이 빠지고 ()가 붙고 그 안에 펑션을 직접 넣을수도 있다.
'관리X 과거글' 카테고리의 다른 글
| 제이쿼리 append 이용하기 (0) | 2015.03.02 |
|---|---|
| 제이쿼리 value값 얻기 , 셋팅하기 (0) | 2015.03.02 |
| 자바스크립트 onmouseover 를 Jquery 로 (0) | 2015.03.02 |
| onclick 을 Jqeury로 바꾸기 (0) | 2015.03.02 |
| lol 롤 버그, 지금은 수정이 됬는지 모르겠네요 (0) | 2015.02.28 |
