[jQuery]$(".checkbox").attr("checked", true); VS $( '.checkbox' ).prop( 'checked',true);

.attr()

---

HTML 마크업에 정의되고

요소의 속성값을 가져오거나 속성을  추가한다. 

속성값은 String형으로 가져온다.

//속성의 값 가져오기
//.attr(attributeName);
$('#button').attr('checked'); // checked

//속성의 값 추가하기
//.attr( attributeName, value )
$('#checkbox').attr('checked', true);

 

.prop()

---

HTML DOM 트리에 정의되고

요소의 속성값을 가져오거나 속성을 추가한다.

속성 값은 javascript  형식으로 넘어오기 때문에 boolean, date, function 등도 가져올 수 있다.

//속성의 값 가져오기
//.prop(propertyName)
$('#checkbox').prop('checked'); //true

//속성의 값 추가하기
//.prop(propertyName, value)
$('#checkbox').prop('checked', true);

 

 

 

Reference

• 두 개의 차이를 속 시원하게 설명해주시는 블로그
• [JavaScript] attribute와 property의 차이점
• attr() 메서드와 prop() 메서드의 차이점
• jQuery / Method / .attr() - 속성(attribute)의 값을 가져오거나 속성을 추가하는 메서드