[JavaScript] attr과 prop

 

attr과 prop는 jQuery에서 DOM 요소의 속성(attribute)과 프로퍼티(property)에 접근하는 데 사용되는 메서드다.

 

https://sso-y.tistory.com/126

[JavaScript] DOM (Document Object Model)

 

💡 attr

DOM 요소의 속성(attribute) 값을 가져오거나 설정하는 데 사용된다.

 

속성(attribute)은 HTML 요소의 시작 태그 안에 포함된 속성으로,

'name="value"'와 같이 특정 요소의 속성을 정의한다.

 

* 시작 태그 *

HTML 요소의 시작을 나타내는 부분으로,

요소의 이름과 속성들이 포함되어 있다.

HTML 문서에서 요소를 정의할 때는

'<요소명 속성1="값1" 속성2="값2">'와 같이 시작 태그를 사용한다.

 

예를 들어,

'<input type="text" id="myInput" value="Hello">' 라는 요소가 있다면

'$('#myInput').attr('value')'를 사용하여 '"Hello"'를 가져올 수 있다.

 

💡 prop

DOM 요소의 프로퍼티(property) 값을 가져오거나 설정하는 데 사용된다.

 

프로퍼티(property)는 DOM 요소의 속성(attribute)과 다르게 동적으로 변경되는 값이다.

 

예를 들어,

체크박스의 경우 'checked'라는 프로퍼티가 있고, 이 값은 체크박스의 체크 여부에 따라 동적으로 변경된다.

 

'<input type="checkbox" id="myCheckbox">'라는 체크박스가 있다면

'$('#myCheckbox').prop('checked')를 사용하여 체크 여부를 가져올 수 있다.