Делегирование события клика в jQuery: методы делегирования событий

Чтобы делегировать событие клика в jQuery, вы можете использовать метод .delegate()или метод .on()с делегированием события. Вот объяснение обоих методов:

  1. Использование метода .delegate():

    $(staticParentElement).delegate(dynamicChildElement, eventType, eventHandler);

    Пример:

    $("ul").delegate("li", "click", function() {
     // Event handling code here
    });
  2. Использование метода .on()с делегированием событий:

    $(staticParentElement).on(eventType, dynamicChildElement, eventHandler);

    Пример:

    $("ul").on("click", "li", function() {
     // Event handling code here
    });

Эти методы позволяют прикреплять обработчики событий к элементам, которые добавляются динамически или не существуют в DOM на момент привязки.