2013년 11월 5일 화요일

(jquery강좌, jquery class)제이쿼리 문서 객체의 class 속성 다루기 jquery, addClass, removeclass

(jquery강좌, jquery class)제이쿼리 문서 객체의 class 속성 다루기 jquery, addClass, removeclass

 

문서 객체의 class 속성 다루기
 
addClass() : 매개 변수에 추가하려는 클래스 속성 이름 입력하여 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>
 


댓글 없음:

댓글 쓰기