jQuery css 스타일 변경하기 (선택자)

css 스타일 변경하기

$('선택자').css('속성','값');
$('선택자').css({'border-bottom':'값','속성':'값'});
$('선택자').css({ borderBottom:'값', 속성 :'값'});

선택자

태그 선택자 $('div')
아이디 선택자 $('#player')
클래스 선택자 $('.player')
자식 선택자 $('.player .name') $('#player .name') 

자바스크립트와 비교

//자바스크립트 문법
document.getElementsByTagName('h1')[0].style.color='red';

//제이쿼리 문법
$('h1').css({'color':'red'});

//페이지로드시 자바스크립트실행 
document.addEventListener('DOMContentLoaded',function(){
  document.getElementsByTagName('h1')[0].style.color='red';
})

//페이지 로드시 제이쿼리실행
$(function(){
  $('h1').css({'color':'red'});
});