[jQuery] css 스타일 속성 접근하기

<script>
    $(document).ready(function(){
        var $sty = $("#styId");
        console.log("인라인 스타일 : ", $sty.css("color"));
        console.log("외부 스타일 : ", $sty.css("border"));
    })
</script>

    
<div id="styId" style="color:#f00">
    스타일 가져오기
</div>

 

 

 

실행결과

 

 

jQuery를 이용해서 css 속성을 불러올 때는 js와 다르게 인라인 / 내부 / 외부 스타일 모두 동일하게 css() 메서드만으로 불러올 수 있다.