[제이쿼리] 스타일 중복으로 넣을때 소스, 중복스타일, 테이블선택자

/* 짝수 tr 영역 */
$(document).ready(function(){
 $('table.basic').find('tr:nth-child(even)').children().css({color:'#585858',backgroundColor:'#f1f2f3'});
});

 

{}대괄호로 묶고 그 안에 속성을 나열한다.

 

 

 

<div id="divA" style="background-color:red;border:10px solid #ccc" ></div>
<div id="divB" style="background-color:yellow">DIVTEST</div>
<div id="divC" style="border:10px solid #ccc"></div>

 <script>
 
  $(document).ready(function(){
        // 첫번째 방법 .css로 계속 추가 해 나가기
         $("#divA").click(function(){
               $(this).css('background-color','black').css('border','10px solid red');
         });
         // 두번째 방법 이렇게 병렬로
         $("#divB").click(function(){
               $(this).css({                             
                     backgroundColor:'purple',
                     border:'1px solid black',
                     fontSize:'20pt'    // fontsize - s소문자면 안먹힌다.
               });
         });
         // 세번째 방법 이렇게 클래스로
         $("#divC").click(function(){
               $(this).addClass("styleImging");      
                    });
    });
 </script>

 

 

 

백그라운드 포지션같은경우

$(".quick ul li a").hover(function(){

$(this).css("background-position-y","-63px");

}, function(){

$(this).css("background-position-y","0");

});