[JQUERY] CSS 스타일 변경

 

CSS 스타일 변경

$(function(){
    $('선택자').css('속성', '값');
}

- 선택자 : CSS와 같은 선택자를 지정

- 속성 : CSS 속성 지정

- 값 : 속성에 설정할 값을 지정

- 명령 대상 : $('선택자')

- 명령 내용 : css('속성', '값')

  -> '명령대상에 명령 내용을 보낸다' 라고 해석

 

 

명령 대상

id="hello" //HTML

$('#hello') // jQuery

- css( ) 메소드의 명령 대상이 되는 것은 id의 값이 정의된 HTML 요소

- $( ) 의미 : 'HTML 요소를 기반에 두고 jQuery의 고유 요소를 생성한다'

- jQuery 객체 : $( ) 함수를 통해 jQuery 고유의 형식으로 변횐된 요소

 

 

명령 내용

- 의미 : CSS의 '속성' 속성에 '값' 값을 지정

- jQuery 메소드 : jQuery의 js 파일 안에 css( )라는 명령이 정의되어 있어, 해당 명령을 js파일 안에서 이용하는 명령

  -> .css는 jQuery 메소드임

 

 

용어 관계

$('HTML 요소').'메소드'('매개변수1', '매개변수2')

- 점(.) 역할 : jQuery 객체와 jQuery 메소드를 이어줌

- 세미콜론(;) 역할 : JavaScript에서 하나의 명령 작성이 끝나면 표기