jQuery prop() 메서드

jQuery HTML/CSS 메서드

prop() 메서드는 선택된 요소의 속성과 값을 가져오거나 설정합니다。

prop() 메서드를 사용할 때가져옵니다속성 값을 설정할 때, 그것은첫 번째 선택된 요소의 값을 설정합니다。

prop() 메서드를 사용하여설정속성 값을 설정할 때, 그것은모든 선택된 요소한 개나 여러 개의 속성을 설정합니다/값 쌍을 사용하십시오。

HTML 속성을 가져오거나 설정하려면attr()메서드。

속성을 제거하려면removeProp()메서드。

문법：

속성 값을 가져옵니다：

$("selector").prop(property)

속성과 값을 설정합니다：

$("selector").prop(property,　value)

여러 속성과 값을 설정합니다：

$("selector").prop({property:value,　property:value,　...})

함수를 사용하여 속성과 값을 설정합니다

$("selector").prop(property,　function(index,　currentValue))

예제

체크박스의 checked 속성 값을 가져옵니다：

$("input:checkbox").change(function(){
　　$("strong").text($(this).prop("checked"));
});

체크박스의 선택된 속성 값을 설정합니다：

$("button").click(function(){
　　$("input:checkbox").prop("checked",　true);
});

화면에 있는 모든 체크박스를 비활성화하십시오：

$("document").ready(function(){
　　$("input:checkbox").prop("disabled",　true);
});

prop()와 attr()

prop()와 attr() 간의 차이는 특정 상황에서 중요할 수 있습니다.

prop() 메서드는 명시적으로 속성 값을 검색하는 방법을 제공하며, attr()는 속성을 검색합니다.

다음 예제는 prop()과 attr() 간의 차이를 보여줍니다:

$("input:checkbox").change(function(){
　　$(this).prop("checked");
　　$(this).attr("checked");
});

매개변수 값

jQuery HTML/CSS 메서드