JQuery .attr()과 .prop()의 차이

1 개요

jQuery .attr()과 .prop()의 차이

jQuery .attr()과 .prop()의 비교

<input id="checkbox1" type="checkbox" />
<input id="checkbox2" type="checkbox" checked />
<input id="checkbox3" type="checkbox" checked="checked" />

<hr>
<textarea id="myconsole" style="height:200px;width:200px;"></textarea>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
function write( str ) {
	$( "#myconsole" ).val( $( "#myconsole" ).val() + str + "\n" );
}

write( "== .attr() ==" );
write( $("#checkbox1").attr("checked") );
write( $("#checkbox2").attr("checked") );
write( $("#checkbox3").attr("checked") );
write( "" );
write( "== .prop() ==" );
write( $("#checkbox1").prop("checked") );
write( $("#checkbox2").prop("checked") );
write( $("#checkbox3").prop("checked") );
</script>

2 같이 보기

• jQuery .attr()
• jQuery .prop()

3 참고

• http://api.jquery.com/prop/