[JQuery] 태그 속성값 가져오기 및 변경

JQuery 태그 속성 값이란?

---

<a class="fa fa-heart" id="heart"></a>

 

태그 속성 값이란 위의 class, id와 같은 태그들에 정의되어 있는 설정값들 입니다.

해당 값들의 속성 값을 알아오기 위해서는 attr함수를 사용하면 됩니다.

 

 

 

 

사용 방법

---

$('#heart').attr('class')

이와 같이 사용할 수 있는데, 이 문장의 결과를 보면 fa fa-heart 가 출력됩니다.

 

 

 

 

[ 값을 변경하고 싶을 때 ]

${'변경하고 싶은 선택자'}.attr('속성 이름', '속성 값');

$('#heart').attr('class', 'fa fa-heart-o');

 

[ 변경 후 ]

<a class="fa fa-heart-o" id="heart"></a>