본문 바로가기

sundries

1-20 클래스 속성 추가, 제거 (addClass, removeClass)

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style>

.high-light{background:yellow;}

</style>

<script src ="../js/jquery-3.2.1.js"></script>

</head>

<!--  

addClass() 메서드 : 문서 객체에 class 속성을 추가하는 메서드

removeClass() 메서드: 문서 객체에 class 속성을 제거하는 메서드 

-->

<script>

$(function(){

$('h1').addClass('high-light');

$('h1').removeClass('high-light');

});


</script>

<body>

<h1>item - 0</h1>

<h1>item - 1</h1>

<h1>item - 2</h1>

<h1>item - 3</h1>

<h1>item - 4</h1>

<h1>item - 5</h1>

</body>

</html>