jQuery prop() 메서드
예시
"color"라는 속성을 추가 및 제거합니다.
$("button").click(function(){
var $x = $("div");
$x.prop("color", "FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});
정의 및 사용
prop() 메서드는 선택한 요소의 속성과 값을 설정하거나 반환합니다.
이 메서드를 사용 하여 속성 값을 반환할 때 첫 번째 일치 요소의 값을 반환합니다 .
이 메서드를 사용하여 속성 값을 설정 하면 일치하는 요소 집합에 대해 하나 이상의 속성/값 쌍을 설정합니다.
참고: prop() 메서드는 DOM 속성(예: tagName, nodeName, defaultChecked) 또는 사용자 정의 속성과 같은 속성 값을 검색하는 데 사용해야 합니다.
팁: HTML 속성을 검색하려면 대신 attr() 메서드를 사용하십시오.
팁: 속성을 제거하려면 removeProp() 메서드를 사용하십시오.
통사론
속성 값을 반환합니다.
$(selector).prop(property)
속성 및 값을 설정합니다.
$(selector).prop(property,value)
함수를 사용하여 속성 및 값 설정:
$(selector).prop(property,function(index,currentvalue))
여러 속성 및 값 설정:
$(selector).prop({property:value, property:value,...})
Parameter | Description |
---|---|
property | Specifies the name of the property |
value | Specifies the value of the property |
function(index,currentvalue) | Specifies a function that returns the property value to set
|
직접 해보십시오 - 예
및 attr()은 다른 값을 반환할 수 있습니다. 이 예에서는 확인란의 "선택됨" 상태를 반환하는 데 사용할 때의 차이점을 보여줍니다.