[Jquery] attr()과 prop()의 차이

📌attr() , prop() ?

element에 특정한 속성을 지정하게 되는 경우에 attr()과 prop()을 사용한다.

 

attr() => attribute(속성)

prop() => property(속성)

 

📢 attr()과 prop()의 차이점

attr()은 속성 그 자체의 값을 반환하고, prop()은 속성값을 명시적으로 찾아낼 수 있는 방법을 제공

 

 

📢 attr() vs prop() 결과값

.attr('checked') : checked

.prop('checked') : true

.is(':checked') : true

 

 

📢 attr()

attribute값을 가져오거나 설정할때 사용

var className = $("#userName").attr("class"); // 클래스 값 가져오기
$("#userName").attr("class", "data"); // 클래스 값 설정하기

 

 

📢 prop()

Dom 요소의 프로퍼티 값을 가져오거나 설정할때 사용

let isCheck = $("#termAgree").prop("checked"); // 'checked' 프로퍼티 값을 가져옴
$("#termAgree").prop("checked", true); // checked 프로퍼티의 값을 true 설정