Події та обробка подій в jQuery

Сьогодні поговоримо про події та їх обробку, із використанням бібліотеки jQuery. Події, як і у житті кожного з вас, займають доволі важливу позицію в середовищі Web’а. Ви постійно, до речі, з ними зустрічаєтесь: чи то на сторінці вам прийшла відповідь на певну дію у вигляді зміни кольора , чи сторінка вам видала результат, що ваші дані у формі введені неправильно.

Приклад події у вікні браузера

$(document).ready (function() {
 alert("Сторінку завантажено");
})

Відповідь зі сторони браузера у вигляді модального вікна:

Перелік основних функцій, підготованих бібліотекою jQuery

.on() – Встановлює обробники подій на обрані елементи сторінки.
.off() – Видаляє з обраних елементів сторінки обробники подій, встановлені за допомогою методу .on ().
.bind() – Устанавливает обработчик события на выбранные элементы страницы.
.live() – Встановлює обробник подій на обрані елементи сторінки. Метод має одну важливу особливість, що відрізняє його від bind (): якщо на сторінку будуть вставлені нові елементи, які відповідають поточному селектору, то вони також будуть реагувати на задані події.
.unbind() – Метод необхідний для видалення обробників подій, встановлених на обраних елементах методами bind (), one () або методами з вузьким призначенням (click (), focus () і т.д).
.click() – Встановлює обробник “кліка” мишею по елементу, або, запускає цю подію.
.dblclick() – Устанавливает обработчик двойного “клика” мышью по элементу, либо, запускает это событие.
.hover() – Встановлює обробник (і) двох подій: mouseenter і mouseleave.
.toggle() – По черзі виконує одну з декількох заданих дій.
.focus() – Встановлює обробник отримання фокусу, або, запускає цю подію.
.blur() – Встановлює обробник втрати фокусу, або, запускає цю подію.