Работа с событиями

Для работы с событиями существует три основных метода:

on(event, handler) – добавление обработчика (тут я использую простейшую сигнатуру метода)

trigger(event) – инициация события из скрипта

off(event) – отключение обработчика событий

Давайте рассмотрим метод «.on()»:

▷

// вешаем обработчик
$("p").on("click", function() {
    // что-то делаем
    alert("Click!");
});

Запустите код выше, и попробуйте кликнуть по параграфу:

Можете данный обработчик запустить программно:

▷

$("p").trigger("click");

Когда наиграетесь, можете отключить обработчик с помощью метода «.off()»:

▷

$("p").off("click");

Хотя я ещё хотел упомянуть один важный момент – внутри обработчика вы можете получить доступ к DOM-элементу используя ключевое слово this. Если же надо будет воспользоваться jQuery-инструментами, то используйте конструкцию «$(this)»:

▷

$("p").on("click", function() {
    $(this).css("color", "red");
});