Programming/HTML, CSS, Javascript, jQuery
2020. 11. 24.
jquery로 버튼 동적 생성 및 연결
jquery로 버튼을 여러개 만들어야 할 경우가 생길 수 있다. 일일이 버튼 태그를 직접 입력하는 방법도 있지만, 문제는 각 버튼에 이벤트를 연결해야할 때 모든 버튼에 이벤트를 각각 코딩할 수도 없는 노릇이다. 버튼 여러개를 jquery로 쉽게 만드는 방식은 다음과 같다. 버튼 동적 생성 순서 1. 버튼을 추가할 div 태그를 먼저 만들어두고 2. 버튼을 동적으로 생성해서 위 div에 추가해준다. 3. 버튼을 javascript로 동적 연결하고, 식별은 각 버튼의 index로 구현한다. 버튼 동적 생성해보기 1. div 태그 생성 1 2 3 Colored by Color Scripter cs 2. 버튼 동적 생성 1 2 3 4 5 6 7 8 9 10 var str_html = ''; // 버튼을 10개 ..
