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

.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 속성을 추가하기

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

---

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