[jQuery] attr 메소드 사용법

안녕하세요. 비스카이비전입니다. 오늘은 jQuery의 attr 메소드의 사용방법에 대해 알아보도록 하겠습니다. attr 메소드가 사용되는 경우는 크게 두 가지입니다. 

 

1) 속성(attribute)의 값을 가져오기 위해서.

2) 속성을 추가하기 위해서.

 

간단한 예시들을 통해 바로 사용법에 대해 알아보겠습니다. 

 

속성의 값 가져오기

$('셀렉터').attr(속성)

 

다음과 같이 id가 test인 input 요소가 있다고 가정하겠습니다. 이 input 요소의 class를 알고 싶다면, 다음과 같이 코딩을 해주시면 됩니다.

 

 

콘솔에 출력된 것을 확인해보면, id가 test인 요소의 class를 잘 반환받은 것을 알 수 있습니다.

 

 

속성 추가하기

$('셀렉터').attr(속성, 속성의값)

 

이번에는 attr 메소드를 활용해서 속성을 추가해보도록 하겠습니다. 

 

 

id가 test인 input 요소에 placeholder를 추가해봤습니다.

 

 

"아이디를 입력해주세요"라는 placeholder가 잘 추가된 것을 확인하실 수 있습니다. 

 

관련 글

[jquery] before() 메소드와 after() 메소드 사용법

[jquery] html 메서드 정리