Методы использования функции jQuery On Click для обработки событий

  1. .click(): этот метод присоединяет обработчик события щелчка к выбранным элементам.
    Пример: $("#myButton").click(function() { /* здесь код */ });

  2. .on(): этот метод можно использовать для прикрепления различных обработчиков событий, включая щелчок, к выбранным элементам.
    Пример: $("#myButton").on ("click", function() { /* здесь код */ });

  3. .delegate(): этот метод позволяет прикрепить обработчик события щелчка к элементам, которые динамически добавляются в DOM.
    Пример: $(document).delegate("#myButton", "click", function() { /* здесь код */ });

  4. .live(): этот метод устарел в новых версиях jQuery, но его все равно можно использовать для прикрепления обработчика события клика к текущим и будущим элементам, соответствующим селектору.
    Пример: $ ("#myButton").live("click", function() { /* здесь код */ });

  5. .bind(): этот метод присоединяет обработчик события щелчка к выбранным элементам и обычно используется для старых версий jQuery.
    Пример: $("#myButton").bind("click", function() { /* здесь код */ });

  6. .off(): этот метод используется для удаления обработчиков событий, ранее прикрепленных с помощью методов, упомянутых выше.
    Пример: $("#myButton").off("click");

  7. .trigger(): этот метод программно запускает событие щелчка на выбранных элементах.
    Пример: $("#myButton").trigger("click");