문서 객체의 class 속성 다루기
addClass() : 매개 변수에 추가하려는 클래스 속성 이름 입력하여 class 추가
removeClass() : 문서 객체의 class 삭제
removeClass() : 문서 객체의 class 삭제
<html>
<head>
<meta charset="utf-8"/>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<style>
.cls0 {color : red ;}
.cls1 {color : black ;}
.cls2 {color : blue ;}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("h1").each(function (index, item) {
$(item).addClass('cls' + index); //item대신 this도 가능
});
alert(1);
$("h1").each(function (index, item) {
$(item).removeClass('cls' + index);
});
});
</script><body>
<h1>OnjSystems.co.kr</h1>
<h1>OnjProgramming.co.kr</h1>
<h1>OracleJavaCommunity.co.kr</h1>
</body></html>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<style>
.cls0 {color : red ;}
.cls1 {color : black ;}
.cls2 {color : blue ;}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("h1").each(function (index, item) {
$(item).addClass('cls' + index); //item대신 this도 가능
});
alert(1);
$("h1").each(function (index, item) {
$(item).removeClass('cls' + index);
});
});
</script><body>
<h1>OnjSystems.co.kr</h1>
<h1>OnjProgramming.co.kr</h1>
<h1>OracleJavaCommunity.co.kr</h1>
</body></html>
댓글 없음:
댓글 쓰기