.prop()와 .attr() 차이

prop()와 attr()은 jQuery에서 제공하는 두 가지 메서드입니다. 이들 메서드는 각각 요소의 프로퍼티와 속성을 조작하는 데 사용됩니다.

prop() 메서드는 요소의 속성 중에서 프로퍼티를 조작합니다. 예를 들어, input 요소의 checked 속성을 가져오거나 설정할 수 있습니다.

// checked 속성을 가져오기
var isChecked = $('input[type="checkbox"]').prop('checked');

// checked 속성을 설정하기
$('input[type="checkbox"]').prop('checked', true);

attr() 메서드는 요소의 속성을 조작합니다. 예를 들어, img 요소의 src 속성을 가져오거나 설정할 수 있습니다.

// src 속성을 가져오기
var src = $('img').attr('src');

// src 속성을 설정하기
$('img').attr('src', 'path/to/image.jpg');

주의해야 할 점은, prop()와 attr()은 다른 종류의 속성을 다룹니다. prop()은 불리언 값을 가지는 속성(예: checked, disabled)을 다루며, attr()은 문자열 값을 가지는 속성(예: src, href)을 다룹니다. 이러한 차이점을 이해하고 적절하게 사용해야 합니다.