2013년 8월 10일 토요일

[AJAX, CSS3, HTML5, jQUERY]제이쿼리 문서 객체의 class 속성 다루기 jquery, addClass, removeclass

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


오라클자바커뮤니티에서 설립한 오엔제이프로그래밍 실무교육센터
(오라클, SQL기초튜닝, 자바, 스프링3.X, 웹표준, HTML5, Ajax, jQuery, 안드로이드, 아이폰, 닷넷 실무강의)  



문서 객체의 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>
 


댓글 없음:

댓글 쓰기