2016년 10월 4일 화요일

[Ajax강의,jQuery강의,자바강의★탑크리에듀]jQuery 문서 객체의 css 다루기 $(selector).css

css속성 가져오기 : css() 메서드의 매개 변수에 스타일 속성 이름 입력

css 추가하기

 $(selector).css(name, value);
 $(selector).css(name, function(index, style){ });
 $(selector).css(object);
 
<style>
.cls0 {color : red ;}.cls1 {color : black ;}.cls2 {color : blue ;}
</style>
<script type="text/javascript">
$(document).ready(function() {
var color=["red", "orange", "purple"];
$("h1").each(function (index, item) {
//red, black, blue순으로
alert($(item).css("color")); 
});
//color를 red, orange, purple로설정
$("h1").css("color", function(index) {
return color[index];
});    });
</script><body>    
<h1 class="cls0">OnjSystems.co.kr</h1>
<h1 class="cls1">OnjProgramming.co.kr</h1>
<h1 class="cls2">OracleJavaCommunity.co.kr</h1></body>

댓글 없음:

댓글 쓰기