jQuery id/class별 css 설정 방법

// 먼저 body 에 class와 id를 잡아준 div를 생성하고, style에서 네모박스로 만들어준다
 
//body 내용
<div id="t1" class="a">a1</div>
<div id="t2">a2</div>
<div class="a">a3</div>
<div class="b">a4</div>
 
//네모박스로 설정
<style>
    div{
        width:100px; height: 100px;
        border: 1px solid silver;
        float: left; margin-right: 10px;
    }
</style>
 
// id와 class 별로 css설정하는 방법
<script>
   $(document).ready(function(){
       // id="t1"
       let v1=$('#t1').css('color','yellow');
       // class="a"
       let v2=$('.a').css('background-color','skyblue');
       // nameTag div
       let v3=$('div').css('font-weight','bolder');
       // id 여러개 설정
       let v4=$('#t1, #t2').css('border', '4px double green');
 
       console.log(v1); //a1박스만 선택 
       console.log(v2); //a1, a3
       console.log(v3); //a1~a4 선택
   });
 
</script>