JavaScript/jQuery

[jQuery] css() 함수 사용 문법 종류

유혁스쿨 2022. 1. 3. 19:48
728x90
반응형

1. css() 메서드의 매개변수에 {backgroundColor : 'black , color : 'white'} 와 같은 형태로 속성을 지정할 수 있다.

2. css() 메서드의 매개변수에 'background','black' 와 같은 형태로 속성을 지정할 수 있다.

 

1번의 형태 경우에는

$('h1').css(
     {
     backgroundColor : 'white'
    , color : 'red'
    }
)

stylesheet방식과 유사한 형태로 {중괄호}안에 변경할 속성을 나열하여 한번에 지정할 수 있다.

 

2번의 형태 경우에는

$('h1').css('background', 'white').css('color','red')

와 같이 지정할 스타일이 복수개일 경우 메서드를 각각 두번 호출하여 설정해야한다.

 

주의할 점은 StyleSheet에서는 background-color 의 형태이지만 css() 메소드에서는 -를 제거하고  이어오는 첫글자를 대문자로 붙여 표현한다.

728x90
반응형