728x90
300x250
SMALL
jQuery addClass를 사용해서 간단하게 크래스를 적용하는 방법입니다.
$(적용할 엘리먼트).addClass(클래스명);
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>addClass로 css변경하기</title>
<style type="text/css">
span { font-size: 30pt }
.redtext { color : #f00 }
</style>
<script src="../js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$('span').addClass('redtext');
</script>
</head>
<body>
<span> simple </span>
<script type="text/javascript">
$('span').addClass('redtext');
</script>
</body>
</html>
실행 결과 확인하기
See the Pen ZEepZBG by kim oya (@ttuttu) on CodePen.
728x90
반응형
LIST
'javaScript > jQuery' 카테고리의 다른 글
| [jquery]탭메뉴 fade-in fade-out 적용 (0) | 2021.10.23 |
|---|---|
| jQuery 엘리먼트에 접근해서 스타일 지정하기 (0) | 2021.06.20 |
| jQuery 앨리먼트에 css 적용하 (0) | 2021.06.06 |
| jquery html 특정시간 후에 페이지 이동 (0) | 2021.05.02 |
| jquery :: 논리, 비교연산자 (0) | 2019.02.18 |
댓글