document on

Ответ от Вадим Рич[активный]
Функция $(document).on('click', '.row', function() { alert('Нажали'); }) использует механизм делегирования событий в jQuery. Обработчик клика назначается не на каждый отдельный элемент с классом row, а один раз на родительский объект, в данном случае на весь документ. Когда происходит клик, событие всплывает от нажатого элемента вверх по дереву DOM до объекта document. В этот момент jQuery проверяет, соответствует ли исходный элемент селектору .row или является его потомком. Если совпадение найдено, выполняется заданная функция, вызывающая всплывающее окно с текстом Нажали. Этот подход особенно полезен для динамически создаваемых элементов, появляющихся на странице после её первоначальной загрузки. Так как обработчик уже висит на document, он автоматически подхватывает клики по новым элементам с нужным классом без необходимости переназначать события.