① 배경색 바꾸기
<div id="el"> 배경색 바꾸기.</div>
$(document).ready(function(){
$(' #el' ).css( "background", 'yellow');
});
// <div id="el" style="background:blue;"> 배경색 바꾸기.</div>
② 스타일 여러개 적용하기
<div id="el">여러개 스타일 적용.</div>
$(document).ready(function(){
$(' #el' ).css( {"width:300, height:400, padding:10
});;
});
// <div id="el" style="width:300px; height:400px; padding:10px;"> 여러개 스타일 적용하기.</div>
// px 픽셀외에 단위는 "em" "%" 등등 은 문자열과 단위를 함께 작성해야함
ex) width:300%
③ 스타일 읽어오기
<div id="el" style="display:none;> 스타일 읽어오기.</div>
$(document).ready(function(){
var value = $('#el').css('display);
console.log(value);
});
// none 출력
