클래스 추가, css 추가
id 값으로 요소를 불러와 addClass, removeClass, css 를 사용하여 클래스를 추가, 제거, css 추가
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<style>
.c {
color: blue;
font-size: xx-large;
}
</style>
<script>
function addClass() {
$("div").addClass("c");
}
function rmClass() {
$("div").removeClass("c");
}
function addCss() {
$("div").css({ background: "yellow", color: "blue" });
}
</script>
</head>
<body>
<div>연습</div>
<button onclick="addClass()">추가</button>
<button onclick="rmClass()">삭제</button>
<hr />
<button onclick="addCss()">css추가</button>
</body>
</html>728x90
'FE > JavaScript' 카테고리의 다른 글
| [JavaScript] append, html (0) | 2024.03.27 |
|---|---|
| [JavaScript] animate (0) | 2024.03.27 |
| [JavaScript] JQuery 사용법 (0) | 2024.03.27 |
| [JavaScript] button 태그와 submit 태그의 차이 (0) | 2024.03.27 |
| [JavaScript] confirm, open (0) | 2024.03.27 |
