Study/JavaScript

[jQuery] CSS 속성 추가/변경/여러개 속성 변경

momong'-' 2020. 12. 21. 20:02

.css()

.css()로 선택한 요소의 css 속성값을 가져오거나 style 속성을 추가


css 속성값 가져오기

-- 속성값 가져오기
.css( propertyName )

-- 예시
$('h1').css('color');

css 속성 추가/변경

-- 속성 적용하기
.css( propertyName, value )

--예시
$('h1').css('color', 'red');

다수의 속성 한번에 변경하기

-- 속성 여러개 적용

-- 예시 1) Object 사용
$('h1').css( {'background-color':'black', color:'red' } );

-- 예시 2
$('h1').css( 'background-color', 'black' ).css( 'color', 'red' );

 

참고

더보기

google, ".css()", pyungyi.blogspot.com/2012/01/jquery-css.html, 2020-12-22

tistory, ".css()", www.codingfactory.net/10265, 2020-12-22