# jQuery.click(): Ligar eventos de clique a elementos

Com a ajuda do método jQuery.click(), em vez de programar *event handlers* (manipuladores de eventos) complexos, você poderá vincular funções a **eventos de clique** em elementos HTML, processo que é muito mais simples. Assim, além de facilitar o seu trabalho, o método jQuery.click() deixará o seu código-fonte mais compacto e legível.

## O que é jQuery.click()?

Ao aplicar o método jQuery.click() a um determinado elemento HTML, você deverá usar uma função como argumento, que será chamada quando o elemento for clicado pelo usuário. Nesse contexto, o jQuery.click() é capaz de executar diferentes ações, como:

- **Alterar propriedades de elementos** por meio da função [jQuery.addClass()](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/addclass-jquery/).
- **Acionar outros eventos**.
- **Carregar conteúdos** por AJAX com o [jQuery.ajax()](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/ajax-jquery/).

O jQuery.click() também pode ser combinado com funções de *loop*, como com jQuery.each().

Dica Quer criar o seu próprio site? A IONOS oferece amplos [*webspaces*](https://www.ionos.com/hosting/webspace "Webspace: Get your project online — IONOS") por preços acessíveis e com funções personalizáveis. A infraestrutura de servidores da IONOS garante rapidez no carregamento para o funcionamento perfeito do seu site, o que não somente agradará seus visitantes como também os mecanismos de busca.

## Sintaxe do método jQuery.click()

O método jQuery.click() apresenta a seguinte sintaxe básica:

```jQuery
$(selector).click(function);
```

No jQuery.click(), **function** é um parâmetro opcional, a ser executado quando ocorre um evento de clique em um elemento selecionado.

Se você quer conhecer ou se aprofundar nos **princípios básicos do jQuery**, acesse o nosso tutorial de jQuery para principiantes. Lá, você encontra todas as informações necessárias sobre sintaxes e seletores.

Dica Com a [API da IONOS](https://developer.hosting.ionos.com "IONOS Developer API"), você terá toda flexibilidade para integrar os serviços da IONOS às suas aplicações próprias, automatizando o acesso aos recursos e aos dados. Ainda, uma competente equipe de especialistas estará sempre à disposição em caso de dúvidas e para ajudar na solução de problemas.

## Qual é a diferença entre jQuery.click() e jQuery.onClick?

A principal diferença entre jQuery.click() e jQuery.onClick é a seguinte: jQuery.click() é um método da biblioteca jQuery, enquanto jQuery.onClick é um **manipulador de eventos** nativo do JavaScript. O *.onClick* é aplicado diretamente a um elemento do DOM, além de requerer a indicação de uma função a ser chamada quando ocorre um evento de clique. Sua sintaxe tem o formato `element.onClick = handler`, em que `element` é o elemento do DOM e `handler` é a função executada quando o evento ocorre.

Outra diferença é que a função jQuery.click() possui algumas vantagens em comparação ao manipulador *.onClick* nativo, incluindo a simplificação da escrita do código, uma **melhor compatibilidade com os navegadores** e a capacidade de reagir a elementos adicionados dinamicamente.

## Exemplo de uso de jQuery.click()

Neste código, o evento de clique, `jQuery.click() button` abre uma janela pop-up contendo o texto *The button was clicked* assim que o usuário clica no elemento:

```jQuery
$("button").click(function(){
    alert("The button was clicked.");
});
```

Dica [Deploy Now](https://www.ionos.com/hosting/deploy-now "Deploy Now – IONOS") é a solução de deployment da IONOS para a execução de aplicações, com rapidez e facilidade, em plataformas de nuvem, sem que você tenha que se preocupar com configurações complexas. Com o Deploy Now, você pode fazer a implantação automática do seu site diretamente de um repositório de código, como do GitHub.


This is a markdown version of: [https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/jquery-click/](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/jquery-click/) for AI/LLM consumption.