jquery css 예제

■ sample source

<script type="text/javascript" src="./js/jquery-1.12.2.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
});
</script>
<div id="sampleDiv" style="background-color:red;">SampleDIV</div>

 

■ 엘리먼트의 속성 반환 – $(selector).css(name)

console.log( $("#sampleDiv").css("background-color") );
// 결과 : rgb(255,0,0)
console.log( typeof $("#sampleDiv").css("background-color") );
// 결과 : string 

 

■ 엘리먼트의 속성 변경 – $(selector).css(name, value)

$("#sampleDiv").css("background-color","blue");   

 

■ 엘리먼트의 다중 속성 변경 – $(selector).css({properties})

$("#sampleDiv").css({"background-color":"blue","font-size":"25px"});  

 

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다