Принцип работы делегирования событий в jQuery заключается в том, что обработчик события привязывается не к каждому элементу напрямую, а к родительскому элементу. 2 К нему привязывается один обработчик, который будет срабатывать для всех дочерних элементов, соответствующих определённому селектору. 25
Когда событие происходит на одном из дочерних элементов, оно поднимается вверх по DOM-иерархии до родительского элемента. 12 На нём срабатывает специально установленный слушатель. 1 Затем проверяется, поднялось ли событие от одного из дочерних элементов. 1 Если это так, запускается обработчик. 1
Делегирование событий особенно полезно в динамических приложениях, где элементы часто добавляются или удаляются. 2 Такой подход устраняет необходимость в ручном управлении событиями и снижает сложность кода. 2
Для реализации делегирования событий в jQuery используется функция on()
. 2