반응형
hover 를 click 으로 바꾸면 작동하지 않는다.
즉 아마? hover 는 addClass, removeClass와 함께 쓰일 때 적용되고
click은 addClass, removeClass를 둘이 동시에 사용할 수 없다. addClass만 사용할 때 가능
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#box {
width : 100px;
height : 100px;
background-color : red;
}
#box.hover{
background-color: blue;
border-radius: 50px;
}
</style>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script>
$(document).ready(function () {
$('#box').click(function () {
$('#box').addClass('hover');
}, function(){
$('#box').removeClass('hover');
});
});
</script>
</head>
<body>
<div id = "box"></div>
</body>
</html>반응형
'자바스크립트' 카테고리의 다른 글
| .write(4+5) 계산 결과값을 화면에 표시 (0) | 2021.01.19 |
|---|---|
| onclick : 버튼 클릭시 글자변경 (0) | 2021.01.19 |
| #아이디 .클래스 와 #아이디.클래스 의 차이 (0) | 2020.11.07 |
| Chapter 11. jQuery 라이브러리 (0) | 2020.11.07 |
| Chapter 10. 문서 객체 모델 (0) | 2020.11.07 |