[jquery] css 스타일 변경하기

$("선택자").css('color','red');// css 속성 하나를 변경한다.

 

css() 라는 명령은 javaScript에 정의되어 있지 않은 jquery의 명령입니다. 

jquery의 js파일 안에 css()라는 명령이 정의되어 있습니다. 이러한 jquery 명령을 'jquery 메서드'라고 합니다. 

css()의 괄호 안에 작성한 css속성과 값처럼, 메서드에 전달되는 데이터를 '매개변수'라고 합니다. 

 

앞에 $를 붙힌다. 제이쿼리 객체로 만든다는 말입니다. 

$() 함수는 'HTML 요소를 기반에 두고 jquery의 고유 요소를 생성한다' 라는 기능이 있는 함수입니다. 

이 함수를 통해 jquery 고유의 형식으로 변환된 요소를 jquery 객체라고 합니다. 

 

jquery 실행 흐름

1. $() 함수에서 명령 대상이 되는 html 요소를 jquery 객체로 전환

2. 변환한 jquery 객체에 메서드를 호출해서 html요소를 변경한다. 

 

css()메서드 이외에도 스타일을 변경하는 메서드는 많이 있는데, 실행흐름은 변함없음. 

 

css()함수 묶어서 작성하기.

$("h1").css({
            '속성' : '속성값',
            '속성' : '속성값',
            '속성' : '속성값'
        })

(출저:유튜브 Rock's Easyweb)