728x90 300x250 SMALL 새로 추가된 요소 이벤트1 [버블링]아직 만들어지지 않은 요소 이벤트 처리하기 버블링을 활용하면 아직 만들어지지 않은 요소에서 발생하는 이벤트를 처리 할 수 있다. 아래와 같은 html코드가 있을때 add list1 list2 list3 list4 add 버튼을 클릭하면 동적으로 li추가 스크립트 let count=4; $(".add").click(function(){ count++ $(".list").append(`list${count}`); }) 먼저 일반 클릭 이벤트를 사용해서 테스트를 해보자 $("ul.list li").click(function() { $(this).css('background-color','#ddd'); }) 결과를 확인하면 새로 만들어진 li에는 색이 변경되지 않는다. 이유는 이벤트를 등록하는 시점에 새로 추가된 li는 존재하지 않아서 이벤트 리스너가 .. 2023. 3. 13. 이전 1 다음 728x90 반응형 LIST