JQuery é uma biblioteca de JavaScript que é basicamente criada para simplificar a manipulação do Modelo de Objetos de Documentos HTML (DOM) e as árvores atravessadas, além de animação em CSS, manuseio de eventos e Ajax. Além disso, o HTML permite que seus usuários adicionem código jQuery dentro da página HTML para torná -lo muito simples e mais direto para utilizar o JavaScript no site.

Este tutorial demonstrará adicionar código jQuery a uma página HTML.

Como adicionar código jQuery à página HTML?

Para adicionar código jQuery à página HTML, experimente as instruções fornecidas.

Etapa 1: Crie um contêiner div
Inicialmente, crie um recipiente de div e adicione o “alinhar”Atributo para definir a posição do elemento.

Etapa 2: adicione um título
Em seguida, adicione o título com a ajuda do “

”Tag que é utilizada para inserir o nível um na página HTML.

Etapa 3: Criar elemento do botão
Depois disso, crie um elemento de botão usando o “" marcação:

Linuxhint

Registro

Saída

Etapa 4: Adicione JQuery Library
Utilize o link fornecido para baixar o arquivo jQuery do site oficial. Em seguida, coloque -o na pasta do projeto, mova -se para o “”Tag, e especifique a fonte“src”Na etiqueta do script da seguinte forma:

Como alternativa, você precisa sediar o jQuery, especificando o link completo como o valor do “src”Atributo da seguinte forma:

Etapa 7: adicione função para vincular
Agora, adicione uma função para vincular a página:

Aqui:

• O código incluído dentro do “$ (documento).pronto (função)”Somente será executado uma vez quando o Modelo de Objeto do Documento da Página (DOM) estiver preparado para executar o Código de JavaScript.
• ““.Clique (função)”É utilizado para gatilhos quando os eventos de cliques ocorrem ou vinculam uma função para executar.

Pode -se observar que o código jQuery foi vinculado com sucesso à página HTML:

Isso se tratava de adicionar o código jQuery à página HTML.

Conclusão

Para adicionar o código jQuery à página HTML, você pode baixar a biblioteca jQuery no site oficial ou colocar seu nome como o “src”Valor do atributo dentro do“" marcação. Caso contrário, hospede diretamente a biblioteca jQuery, fornecendo o link completo no script dentro do “Seção do arquivo html. Esta postagem demonstrou o procedimento para adicionar o código jQuery em um arquivo html.