web developer

[jquery] .css() / 선택한 요소의 css 속성의 값을 가져오거나 style 속성을 추가하기 본문

카테고리 없음

[jquery] .css() / 선택한 요소의 css 속성의 값을 가져오거나 style 속성을 추가하기

trueman 2022. 1. 28. 15:15
728x90
728x90

.css() : 정의 


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


.css() : 문법


$('elementName').css( 'AttributeName' )

- 선택한 요소의 속성의 값(value)을 가져옵니다. 

$( "h1" ).css( "color" );

- h1 요소의 스타일 중 color 속성의 값(value)을 가져옵니다.

$( 'h1' ).css( 'color', 'blue' );

- h1 요소에 style 속성을 추가하여 글자색을 파란색으로 바꿔줍니다.


.css() : 예시


See the Pen Untitled by 안중현 (@pogba10) on CodePen.

 

$( 'h1' ).css( 'color', 'blue' );

- h1 요소에 style 속성을 추가하여 글자색을 파란색으로 바꿔줍니다.


참고


HTML 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가할 때는 .attr()을 사용합니다.

 

[jquery] .attr() / 요소의 속성의 값을 가져오거나 속성 추가하기

.attr() : 정의 - HTML 요소(element)의 속성(attribute)의 값(value)을 가져오거나 속성을 추가할 때는 .attr()을 사용합니다. .attr() : 문법 .attr('attributeName', 'value') - 선택한 요소에 속성을 추가합니..

take-it-into-account.tistory.com


출처 : https://www.codingfactory.net/10265

728x90
728x90
Comments