[jQuery] jQuery(제이쿼리) style 속성 추가 - .css() 함수

 

 

자바스크립트의 제이쿼리(jQuery)를 사용하여 선택한 요소의 css 속성 값을 가져오거나 style 속성을 추가하는 함수로 .css() 함수가 있습니다.

 

jquery(제이쿼리)의. css() 함수

jQuery(제이쿼리)의 .css() 함수를 통하여 속성 값을 가져올 수 있습니다.

//.css함수를 사용하여 속성값 가져오기
.css( propertyName )

<id="test" style="color:red;">

$("#test").css("color");

 

jQuery(제이쿼리)의 .css() 함수를 통하여 속성 값을 추가하기도 가능합니다.

//.css함수를 사용하여 속성값 추가하기
.css( propertyName, val )

<id="test">

$("#test").css("color", "blue");

 

.css() 함수와 비슷한 성격을 가지고 있는 함수로써는 HTML 요소의 속성(attribute)을 가져오거나 추가할 수 있는 .attr() 함수가 있습니다.