- ready()
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>예제</title>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#btn").hover(
function() {
alert("you entered!");
},
function() {
alert("you out!");
});
});
</script>
</head>
<body>
<button id="btn">Button</button>
</body>
</html>
- focus(), blur()
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>예제</title>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("input").focus(function() { // input 안쪽을 선택하면
$(this).css("background-color", "yellow");
});
$("input").blur(function() { // input 바깥쪽을 선택하면
$(this).css("background-color", "white");
});
});
</script>
</head>
<body>
Name : <input type="text" name="fullname"><br>
Email : <input type="text" name="email"><br>
</body>
</html>
'제이쿼리' 카테고리의 다른 글
| [제이쿼리] animation(), val(), attr() (0) | 2020.08.12 |
|---|---|
| [제이쿼리] Button을 사용한 hide(), show() (0) | 2020.08.12 |
| [제이쿼리] setInterval() / clearIntetval() (0) | 2020.06.03 |
| [제이쿼리] 속성 조작 메소드 (0) | 2020.06.02 |
| [제이쿼리] 효과 메소드 예제 - 메뉴 슬라이드, 사진 자동 슬라이드 (0) | 2020.05.29 |
