jQuery의 .prop() 메서드

jQuery의 .prop() 메서드는 요소의 속성 값을 가져오거나 속성 값을 설정하는 데 사용.

 

.prop() 메서드는 선택한 요소의 속성을 변경하고 관리하는 데 사용됩니다.

속성은 HTML 요소의 특정 특성을 나타내며, 예를 들어 "src", "href", "checked" 등이 있습니다.

 

 

.prop() 메서드는 다음과 같은 두 가지 방식으로 사용할 수 있습니다:

1. 속성 값을 가져오는 경우:

javascriptCopy code

 

var value = $('.element').prop('attribute');

 

let ygHeight = $('.yackGuan').prop('scrollHeight');   
//document.querySelector('.yackGuan').scrollHeight 만약 쿼리셀렉터 쓰면 이렇게 써야함.

위의 예시에서 .element 클래스를 가진 요소의 attribute 속성 값을 가져옵니다. 가져온 값은 value 변수에 저장됩니다.

1. 속성 값을 설정하는 경우:

javascriptCopy code

 

$('.element').prop('attribute', value);

위의 예시에서 .element 클래스를 가진 요소의 attribute 속성 값을 value로 설정합니다. value는 새로운 속성 값으로 대체됩니다.

.prop() 메서드는 일반적으로 요소의 기본 속성 값을 가져오거나 설정하는 데 사용되지만, 사용자 정의 속성에도 적용할 수 있습니다.

주의: .prop() 메서드는 요소의 속성 값을 가져오거나 설정하기 위해 사용되며, 요소의 내부 텍스트 콘텐츠를 가져오거나 설정하기 위해서는 .text() 메서드 또는 .html() 메서드를 사용해야 합니다.