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;