관리 메뉴

Life goes slowly...

[Javascript] 자바스크립트(JS) attr()과 prop() 차이점 본문

프로그래밍/Javascript

[Javascript] 자바스크립트(JS) attr()과 prop() 차이점

빨강소 2021. 9. 15. 16:23
728x90
반응형

 

 

자바스크립트(Javascript)의 attr()과 prop() 차이점

자바스크립트(Javascript)에서 선택자를 통하여 선택한 엘리먼트를 append 하여 새롭게 생성하는 엘리먼트에 속성을 지정할 때 많이 사용하는 attr() 함수와 prop() 함수가 있습니다. attr()과 prop() 함수의 차이점은 무엇이 있을까 알아보도록 하겠습니다.

jQuery(제이쿼리) 1.6 버전 이전에는 attr() 함수와 prop() 함수의 차이는 없었지만 1.6 버전 이후에는 구분되어 있습니다. 

 

attr() 함수는 엘리먼트가 가지고 있는 속성값이나 정보를 조회할 때 사용하는 함수이며, prop() 함수는 엘리먼트가 가지고 있는 상태를 제어할 때 사용하는 함수입니다. 폼의 속성 값을 확인하거나 변경할 때에는 prop() 함수를 사용하기를 권장합니다.

 

attr() 함수 - HTML의 속성을 취급하며, 속성은 HTML 엘리먼트에 있는 정보입니다.

https://api.jquery.com/attr/

 

.attr() | jQuery API Documentation

Description: Get the value of an attribute for the first element in the set of matched elements. The .attr() method gets the attribute value for only the first element in the matched set. To get the value for each element individually, use a looping constr

api.jquery.com

 

 

prop() 함수 - 자바스크립트의 property를 취급합니다.

https://api.jquery.com/prop/

 

.prop() | jQuery API Documentation

Description: Get the value of a property for the first element in the set of matched elements. The .prop() method gets the property value for only the first element in the matched set. It returns undefined for the value of a property that has not been set,

api.jquery.com

 

 

 

 

728x90
반응형
Comments