[Jquery] 제이쿼리로 class 추가 (addclass)

제이쿼리를 이용해서

 

클래스가 없는 태그나, 클래스가 있는데 class를 더 추가할수 있어요.

 

addClass()를 이용하면 되는데요. 사용법을 알려드리겠습니다.

 

$(document).ready(function(){
	$("p").addClass("blue");
	$("span").addClass("important");
});

일단 p태그에 blue라는 클래스를 추가한것이고,

span태그에는 important의 클래스를 추가했습니다.

 

p{font-size:16px;}
.important {
	font-weight: bold;
	font-size: 24px;
}

.blue {
	  color: blue;
}

각각에는 현재 이렇게 css를 적용해놓았구요.

 

 

<p>가나다라마바사아</p>
<span>ABCDEFG</span>

<script>
	$(document).ready(function(){
		$("p").addClass("blue");
		$("span").addClass("important");
	});
</script>

이런식으로 작성을 하면. p태그에 blue, span태그에 important 클래스가 각각 적용됩니다.