오라클자바커뮤니티에서 설립한 오엔제이프로그래밍
실무교육센터
(오라클,
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> |
댓글 없음:
댓글 쓰기