jQuery event delegation là gì? Khi nào nên dùng $(parent).on('click', '.child')?

jQuery event delegation là một kỹ thuật trong jQuery cho phép chúng ta gán một sự kiện cho một phần tử cha (parent) để quản lý các sự kiện từ nhiều phần tử con (child) mà không cần phải gắn sự kiện trực tiếp cho từng phần tử con. Kỹ thuật này rất hữu dụng khi các phần tử con có thể được thêm vào hoặc bị xóa đi sau khi DOM đã tải.

Đặc điểm

• Hiệu quả về hiệu suất: Giảm số lượng các listener cần gán trên các phần tử. Thay vì phải thêm một listener cho mỗi phần tử con, chỉ cần một listener cho phần tử cha.
• Khả năng mở rộng: Khi các phần tử con được thêm động mới vào DOM, chúng vẫn nhận được sự kiện mà không cần phải gán lại listener.
• Dễ bảo trì: Việc quản lý sự kiện tập trung vào một nơi duy nhất làm cho mã dễ theo dõi và duy trì hơn.

Khi nào nên dùng `$(parent).on('click',...