동적으로 생성한 BUTTON에 이벤트 연결

다음과 같은 HTML에서 div내에 버튼을 생성하고 event를 연결하려면 버튼을 감싸는 객체(부모객체)인 div에서 children함수를 이용하여 버튼의 id, style, event 등의 수정이 가능하다.

ex>
1. id가 btn인 button의 id를 btn2로 변경
$('.btn-group).children('button#btn').attr('id', 'btn2');

2. id가 btn인 button의 onclick event를 연결
   $('.btn-group).children('button#btn').attr('onclick', 'save()');

3. id가 btn인 button의 클래스명 변경
   $('button#btn)[0].className = 'button';

4. id가 btn인 button의 버튼명 변경 (의 경우)
   $('button#btn)[0].innerText = '버튼2';

출처: https://hianna.tistory.com/469, https://hianna.tistory.com/475