jQuery CSS() 메서드
예시
모든 <p> 요소의 색상 속성을 설정합니다.
$("button").click(function(){
$("p").css("color", "red");
});
정의 및 사용
css() 메서드는 선택한 요소에 대해 하나 이상의 스타일 속성을 설정하거나 반환합니다.
속성을 반환하는 데 사용되는 경우:
이 메서드는 FIRST 일치 요소의 지정된 CSS 속성 값을 반환합니다. 그러나 "background" 및 "border"와 같은 약식 CSS 속성은 완전히 지원되지 않으며 브라우저에 따라 결과가 다를 수 있습니다.
속성을 설정하는 데 사용되는 경우:
이 메서드는 일치하는 모든 요소에 대해 지정된 CSS 속성을 설정합니다.
통사론
CSS 속성 값을 반환합니다.
$(selector).css(property)
CSS 속성 및 값을 설정합니다.
$(selector).css(property,value)
함수를 사용하여 CSS 속성 및 값 설정:
$(selector).css(property,function(index,currentvalue))
여러 속성 및 값 설정:
$(selector).css({property:value, property:value,
...})
| Parameter | Description |
|---|---|
| property | Specifies the CSS property name, like "color", "font-weight", etc. |
| value | Specifies the value of the CSS property, like "red", "bold", etc. |
| function(index,currentvalue) | Specifies a function that returns the new value for the CSS property
|
직접 해보십시오 - 예
반환 첫 번째 일치 요소의 지정된 CSS 속성 값을 반환합니다.
를 사용하여 선택한 요소의 CSS 속성을 변경합니다.
설정 선택한 요소에 대해 여러 CSS 속성 및 값을 설정하는 방법입니다.