web developer

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

JavaScript

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

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

.attr() : 정의

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

.attr() : 문법 

.attr('attributeName', 'value')

- 선택한 요소에 속성을 추가합니다.

$( 'div' ).attr( 'class' );

- div 요소의 class 속성의 값을 가져옵니다.

$( 'h1' ).attr( 'title', 'Hello' );

 - h1 요소에 title 속성을 추가하고 속성의 값은 Hello로 합니다.

.attr() : 예시

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

var test = $( 'h1' ).attr( 'class' );

- h1 요소에 class 속성의 값을 가져옵니다.

$( 'span' ).text( test );

- 그 다음 span 태그에 test 변수를 넣어줍니다.

참고

- 선택한 요소의 css 속성의 값을 가져오거나 style 속성을 추가할 때는 .css()를 사용합니다.

 

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

.css() : 정의 - .css()로 선택한 요소의 css 속성의 값(value)을 가져오거나 style 속성을 추가합니다. .css() : 문법 $('elementName').css( 'AttributeName' ) - 선택한 요소의 속성의 값(value)을 가져옵니다...

take-it-into-account.tistory.com

- 속성(attribute)을 제거하고 싶다면 .removeAttr()을 사용합니다.
- .prop()는 자바스크립트 입장에서의 속성값을 가져오거나 추가합니다.

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

728x90
728x90
저작자표시 변경금지

'JavaScript' 카테고리의 다른 글

[jquery] .toggleClass() / 선택한 요소에 클래스(Class) 값을 주거나 없애기  (0) 2022.01.28
[jquery] .click / 선택한 요소를 클릭했을 때 특정 작업을 수행하기  (0) 2022.01.28
[jquery] .find() / 선택 요소의 하위 요소 중 특정 요소를 찾는 메소드  (2) 2022.01.27
[jquery] .children() / 선택한 요소의 자식 요소를 선택하는 메소드  (0) 2022.01.25
[jquery] $.each(), $().each() 메소드 정의  (0) 2022.01.25
'JavaScript' Related Articles more