Olá, vamos ver como podemos facilitar nossas vidas utilizando jQuery para tratar eventos. afinal não queremos páginas HTML que não tenham efeitos algum.
Dentre os principais métodos de eventos jQuery temos:
.click() –> ao clicar no elemento;
.hover() –> ao passar o mause sobre o elemento
.focus() –> foco ao elemento;
.key() –> manipula eventos de teclado;
Segue um exemplo:
$(#div_click").click( function(event){ alert("cliquei na div") })};
Com esse código jQuery estamos selecionado o elemento com id = “div_click” e atribuindo a ele uma função ao evento click, ou seja quando este elemento for clicado ira disparar um alert com a menssagem “cliquei na div” na tela;