Sintaxe jQuery | Explicado
Este artigo explicará a sintaxe do jQuery em detalhes com a ajuda de exemplos adequados. Então vamos começar!
Sintaxe jQuery | Explicado
No jQuery, a primeira coisa que você precisa fazer é selecionar os elementos html nos quais você deseja executar qualquer ação. A sintaxe básica do jQuery é a seguinte:
$ (seletor).Ação();
Na sintaxe jQuery acima mencionada, você deve adicionar um “$Sign para acessar ou definir jQuery; então uma "Seletor”É adicionado dentro dos parênteses, representando a consulta para encontrar os elementos HTML. Por último, "Ação()”É a operação que será realizada nos elementos HTML selecionados.
Agora vamos conferir os tipos de seletores que você pode adicionar na sintaxe jQuery.
Tipos de seletores na sintaxe jQuery
Os seletores de jQuery são considerados uma parte essencial da biblioteca jQuery. Para utilizar qualquer método jQuery, você deve criar um objeto jQuery selecionando um elemento HTML específico.
Existem vários tipos de seletores no jQuery, como Seletor de nome do elemento, Elemento #id seletor, e Elemento .seletor de classe. Por exemplo, para selecionar todos os parágrafos “p”Elementos, usaremos o seletor de nome do elemento da seguinte maneira:
$ ("p").esconder()
Você também pode atribuir um ID a um elemento HTML e, em seguida, executar a mesma operação, utilizando o elemento #ID Seletor:
$ ("#btnclick").esconder()
Com a ajuda do elemento .Seletor de classe, você pode selecionar diferentes elementos HTML simultaneamente que pertencem à mesma classe:
$ (".nome da classe").esconder()
Observação: Para selecionar elementos HTML usando ID, adicione o personagem de hash “#,”Seguido pelo ID do elemento e para encontrar elementos utilizando o nome da classe, adicione um“.Personagem do período seguido pelo nome da classe.
Evento pronto para documento na sintaxe jQuery
Antes de trabalhar com um “documento”No jQuery, verifique se está totalmente carregado e está pronto para usar. O "preparar()Evento do “documento”O elemento pode ser utilizado para esse fim:
$ (documento).pronto (function ()
// Escreva métodos jQuery no corpo
);
O método acima do rumo impedirá a execução do jQuery quando o “documento”O elemento não está pronto. No entanto, se você estiver tentando ocultar um elemento HTML que ainda não foi criado, a ação especificada falhará neste caso. Então, verifique se o “documento”Está pronto antes de executar o código jQuery.
Aqui está um método mais curto para escrever o evento pronto para o documento:
$ (function ()
// Escreva métodos jQuery no corpo
);
Exemplo: Usando a sintaxe do jQuery para ocultar um elemento HTML
Este exemplo demonstrará o uso da sintaxe do jQuery para ocultar um elemento HTML com a ajuda do seletor de nome do elemento. Em primeiro lugar, em nosso “índice.html”Arquivo, vamos adicionar um título com o“H2”Tag, um parágrafo usando o“”Tag, e uma“Clique em mim!" botão:
Encontre elementos HTML em jQuery
Este é o parágrafo principal com algum texto de amostra
Você pode utilizar qualquer sandbox de codificação on -line ou seu editor de código favorito para executar o programa; No entanto, usaremos o código do Visual Studio:
Em seguida, vá em direção ao seu arquivo JavaScript, que é “meu projeto.JS”No nosso caso, e escreva o seguinte código nele:
$ (documento).pronto (function ()
$ ("botão").clique (function ()
$ ("h2").esconder();
);
);
O código fornecido especificou que jQuery “$ (documento).preparar()”O método ocultará o elemento HTML com o“H2”Nome do elemento quando o usuário clica no botão:
Depois de salvar os dois arquivos, abriremos “índice.html”Usando o código VS“Servidor fígadoExtensão:
Agora, clicaremos no botão destacado na imagem abaixo:
Como você pode ver, escondemos com sucesso o “H2”Elemento HTML seguindo a sintaxe jQuery:
Isso foi tudo sobre a sintaxe básica do jQuery. Você pode explorar ainda mais de acordo com suas preferências.
Conclusão
O $ (seletor).Action () é a sintaxe básica do jQuery que pode ser usada para selecionar elementos HTML e aplicar uma ação específica a eles. Depois de escrever o código necessário seguindo a sintaxe do jQuery, você pode utilizar o $ (documento).Método pronto (function () ) para executar o programa. Este artigo discutiu a sintaxe jQuery, os tipos de seletores de jQuery e a funcionalidade de $ (documento).Método pronto (function () ) em detalhes.