O que faz no método no jQuery?

Para fazer uma página da web fácil de usar, os desenvolvedores usam métodos diferentes para aplicar várias funcionalidades. ““sobre()”O método é um deles. Este método é útil para acionar alguma funcionalidade, especialmente no caso de preencher formulários ou um questionário.

Este blog descreverá o uso do método "on ()" de JQuery em detalhes.

Como usar o método on () no jQuery?

Siga a sintaxe abaixo para usar o método on () em jQuery ():

$ (seletor).em (evento, ChildSelector, dados, função, mapa)

Na sintaxe acima mencionada:

• ““evento”Representa eventos únicos ou múltiplos anexados aos elementos.
• ““ChildSelector”É um parâmetro opcional que indica que o manipulador de eventos deve ser anexado apenas à criança.
• ““dados”É um parâmetro opcional que se refere aos dados adicionais passados ​​até a função.
• ““função”É um parâmetro necessário que representa a função que será executada quando o evento adicionado for acionado.
• ““mapa”Representa o mapa do evento.

Vamos discutir o uso do jQuery de "sobre()”Método com a ajuda de exemplos.

Exemplo 1: On () Método com botão
Vamos implementar o método com o botão:

Alerta

No bloco de código acima:

• Inclua um “”Elemento que especifica a ação quando o usuário clica nele.
• Além disso, inclua a biblioteca jQuery para aplicar seu método por meio do “src”Atributo.
• ““$”É um seletor que seleciona o incluído“”Tag do código HTML.
• Na próxima etapa, aplique o “sobre()”Método de modo que no desencadeado“clique”Evento, a função declarada entra em vigor e a mensagem adicionada é exibida por meio de um alerta.

Saída

Exemplo 2: On () Método com imagem
Este exemplo tem tudo a ver com entender o “sobre()”Método com a ajuda de uma imagem:

Clique na imagem

Neste snippet de código:

• Em primeiro lugar, inclua um título.
• Além disso, inclua uma imagem dentro do “”Tag especificando seu caminho através do“src”Atributo.
• O "alt”O atributo img exibe a mensagem declarada se a imagem não for carregada.
• O "estilo”Atributo ajustará o design da imagem incluída.
• Da mesma forma, especifique a biblioteca jQuery para aplicar suas funcionalidades.
• Depois disso, acesse a imagem especificada por sua tag "imgDiretamente.
• Lembre -se do procedimento discutido para aplicar o “sobre()”Método de modo que o evento seja acionado e a mensagem declarada é exibida por meio de um alerta.

Saída

Na saída acima, o alerta é exibido com a ajuda do “sobre()”Método.

Conclusão

jQuery's “sobre()”O método é usado para anexar manipuladores de eventos a (s) elementos (s). Pode ser aplicado para anexar um evento ao botão ou uma imagem. Este método associa um evento ao elemento buscado e executa a função anexada. Este blog ilustrou a implementação do “sobre()”Método em jQuery.