css스타일 변경하기

 

/* 연습
$(document).reday(function(){
$('h1').css({'color' : 'red'});
});

_ css에서는 이렇게 표현됨 -css로 풀어쓰고 재해석
1. h1{color:red;}
2. 언더라인 생기게
#typo .inner{text-decoration:underline;}
3. 아래쪽 5px 두께 red
css에서는 
#typo .inner{border-bottom:5px solid red;}쓴다.

4. 돌려라
#typo .inner{transform: rotate(45deg);}

5. 글씨의 투명돌르 50%
#typo .inner{opacity:0.5;}
*/

 

_ jquery로 재해석

$(function(){
$('h1').css('color','red'); //css속성 하나를 변경
/*
$('#typo .inner').css('text-decoration','underline');

$('#typo .inner').css('border-bottom' , '5px solid red');

$('#typo .inner').css('transform', 'rotate(45deg)');

$('#typo .inner').css('opacity', 0.5);
*/

/*
$('#typo .inner').css({
'text-decoration' : 'underline',
'border-bottom' : '5px solid red',
'transform' :  'rotate(45deg)',
'opacity' : '0.5'
});  아래처럼 줄일 수 있다. 언더바랑 따옴표삭제한다.
*/
$('#typo .inner').css({
textDecoration : 'underline',
borderBottom : '5px solid red',
transform :  'rotate(45deg)',
opacity : '0.5'
});


});

 

jquery소스받기

https://releases.jquery.com/