범부 개발자 아등바등 살아남기

JQuery 에서 html 요소에 이벤트를 부여할 때는 위임과, 할당 2가지 방식이 있습니다. 위임은 상위 요소에 이벤트를 할당하여 자식 요소에서 이벤트가 발생하도록 지정하는 방식이다. 할당은 이벤트가 일어날 대상을 직접 선택자로 불러와 이벤트를 부여 합니다.

$(".row").on("click", function () {
  alert("클릭!");
});

 장점

• 코드가 직관적이다.

 단점

• 새로 만들어진 요소에는 이벤트가 할당되지 않는다.
• 각 요소마다 이벤트가 할당되어 위임에 비해 메모리 사용이 비효율적이다.

$("#row-container").on("click", ".row", function () {
  alert("클릭!");
});

 부모요소에 이벤트를 할당해 자식 요소의 이벤트를 관리한다.

 장점

• 새로 생긴 요소에도 이벤트가 부여된다.
• 부모 요소에만 이벤트를 할당하여 메모리 효율이 좋다.

 단점

• 자식요소에 개별화된 이벤트를 부여하기 위해서는 분기 처리 등 세분화된 코드가 필요하다