CLICK

Dentre os que foram abordados aqui, este é, sem dúvida, o mais conhecido. Este evento é disparado quando o usuário clica sobre o elemento. Neste caso, é necessária a ação do clique completa, ou seja, pressionar e soltar o botão do mouse. Exemplo de uso do click:
[X] Fechar

Mouseenter

O evento mouseenter é disparado quando o cursor do mouse é posto sobre um determinado elemento. Caso o usuário continue movendo o cursor sobre o alvo, este evento não será disparado novamente, a menos que o cursor seja retirado de sobre o elemento em questão e recolocado. A Listagem 2 exibe uma mensagem quando o cursor do mouse entrar na área da div.
[X] Fechar

Mouseout

Contrário ao mouseenter, o mouseout é disparado quando o cursor é removido de sobre o elemento. A Listagem 3 exibe uma mensagem quando o cursor sai da área da div.
[X] Fechar

Mouseleave

O mouseleave funciona exatamente como o mouseout, porém este evento havia sido desenvolvido para o Internet Explorer, mas devido à sua utilidade, a biblioteca jQuery permite utilizá-lo em qualquer browser. [X] Fechar

Mousedown

Esta é uma das partes integrantes do clique. O evento mousedown ocorre quando o botão do mouse (qualquer um) está pressionado, diferente do click que só é disparado após o botão ser solto. [X] Fechar

MouseUp

Semelhante ao anterior, porém, o evento é disparado quando o botão do mouse é solto. Podemos o mousedown e o mouseup como as duas partes do click. A seguir vemos um exemplo. Note que a mensagem só é exibida quando o botão do mouse (qualquer um) é solto. [X] Fechar

Mousemove

O mousemove, como o nome sugere, é disparado quando o cursor do mouse se move sobre um elemento. Qualquer mínimo movimento faz com que esse evento seja disparado. Nesse exemplo, utilizaremos uma estrutura diferente: exibiremos um texto (um contador) dentro da div quando o mouse se mover sobre ela. [X] Fechar

Mouseover

Este evento funciona da mesma forma que o mouseenter, logo, dispensa maiores detalhamentos. Um exemplo de uso. [X] Fechar

dlbclick

Neste caso, o “dbl” é uma abreviação de “double” (duplo em inglês), logo, este evento trata o duplo clique do mouse sobre um elemento. O tempo entre os cliques é gerenciado pelo sistema operacional e pode ser configurado, mas este não é o foco deste artigo. Vejamos, na Listagem 9, um exemplo de uso deste evento. [X] Fechar

hover

Este é o evento mais complexo, mas não complicado, dentre os que tratamos aqui. O hover funciona como a junção do mouseenter e mouseout, recebendo uma função para tratar cada parte momento. A primeira função é executada quando o mouse é posto sobre o elemento e a segunda quando o mouse é tirado de lá. A sintaxe é simples e pode se compreendida com o exemplo a seguir. [X] Fechar

Sintaxe

Será demostrada abaixo aos iniciantes, como e a sintaxe do jQuery. Leiam os comentários no código! Em 'FUNÇÕES' no código, adicionaremos a nossa propriedade jQuery! [X] Fechar

Seletores 1

Neste tópico do nosso guia, veremos uma vasta lista de seletores e suas respectivas funções.
[X] Fechar