attr 속성의 사용방법과 여러개 변경하는 방법

우리가 자주 사용하는 속성바꾸는 코드에 대해 포스팅하겠다. 우선 모르는 분들을 위해 attr 함수가 뭔지 설명하겠다.

아래 코드를 먼저 확인해보자.

<button type="button" id="ID" onclick="test();" > 버튼 </button>

<script type="text/javascript">
	$('#ID').attr("onclick", "function();");
</script>

 

button 태그에있는 속성이 type, id, onclick이 있는데

script 안에 코드에서 attr함수를 이용해 onclick속성에 있는 내용값을 function();으로 변경해주고 있다.

 

객관식. 그런데 2개 이상에 코드를 변경해줄 때 어떻게 해야 할까?

 

1번 코드

$('#ID').attr("onclick", "function();");
$('#ID').attr("id", "idChange");

2번 코드

$('#ID').attr({
onclick : "function();",
id : "idChange"
});