[JS] 태그 속성값 (attr, prop)

attr

 

태그의 속성값을 가져오거나 설정한다.

<img id="test_id" class="test_class" value="1234"></img>

$("#img_id").attr( "class");	#img_id의 class를 가져옴 - test_class
$("#img_id").attr("src", "resources/images/good.png");	#img_id의 이미지를 "resources/images/good.png"로 변경함
$("#img_id").attr("value");	#img_id의 value를 가져옴 - 1234
$("#img_id").attr("value", "5678");	#img_id의 value를 5678로 변경함

 

prop

 

태그의 상태값을 가져오거나 설정한다.

<input type="checkbox" id="chk" checked="checked"> // true - 체크 O
<input type="checkbox" id="un_chk"> // false - 체크 X

$("#chk").attr( "checked");	#chk의 속성값을 가져옴 - checked
$("#chk").prop( "checked");	#chk의 check 여부를 확인함 - true
$("#chk").prop('checked', false);	#chk의 check를 false로 변경함