O que a função $ faz em JavaScript?

O "$ ()”A função não é uma função pré-construída em JavaScript. É comumente usado em bibliotecas JavaScript, como “jQuery" e outros. Este método permite que os seletores CSS escolham e modifiquem os componentes HTML em uma página da web. Depois de selecionar elementos HTML usando a função $ (), você pode aplicar quaisquer modificações a eles. Por exemplo, estilo, alterando seu conteúdo e assim por diante.

Este artigo definirá a funcionalidade e o uso da função $ () em JavaScript.

O que a função $ () faz em JavaScript?

O "$ ()”A função é usada em JavaScript com o“jQuery" biblioteca. Também é conhecido como “seletor de jQuery”Função, e é uma parte crucial da biblioteca jQuery. Este método é considerado uma abreviação para as funções ou métodos usados ​​para selecionar os elementos DOM usando um seletor de CSS, como no JavaScript “getElementById ()","getElementsbyclassName ()", ou "getElementByTagName ()”Os métodos são utilizados.

Sintaxe

Para acessar um elemento HTML usando um seletor CSS “eu ia”, Utilize a sintaxe dada:

$ ("#id")

Para acessar o uso do seletor CSS “aula”, Siga a sintaxe abaixo:

$ (".aula")

Usando a função “$ ()” como uma “getElementByTagName ()” para acessar o elemento usando seu nome de tag, a sintaxe abaixo é utilizada:

$ ("elemento")

Exemplo 1: $ () Função como "getElementById ()" Método

No exemplo dado, imprimiremos algum texto no botão Clique. Para fazer isso, primeiro, criaremos um elemento de parágrafo usando o “

”Tag e um botão usando o“" marcação:

Clique aqui

Para usar "$ ()”Função em JavaScript, é obrigatório adicionar um“jQuery”Biblioteca, caso contrário, você encontrará um“$ não está definido”Erro:

Agora, primeiro, acesse o botão usando “$ ("Botão")" com um "clique”Evento e depois acessar o

elemento usando seu ID atribuído com a ajuda de “$ ("#Mensagem")”. Ligue para o jQuery embutido “html ()”Método para adicionar texto na página em um botão Clique. Este método é equivalente ao JavaScript “Innerhtml”Atributo:

$ (documento).pronto (function ()
$ ("botão").clique (function ()
$ ("#mensagem").HTML ("Bem -vindo aos tutoriais de JavaScript no Linuxhint");
);
);

Pode -se observar que o texto é exibido na página da web quando o botão é clicado:

Exemplo 2: $ () Função como “getElementsByClassName ()” Método

Neste exemplo, vamos esconder e mostrar a mensagem no botão Clique. Primeiro, adicionaremos um texto oculto utilizando o “escondido”Atributo. Adicione um botão que alterne o texto no evento de clique:

Clique aqui

Na tag, acesse o botão e use a função $ () com sua classe atribuída “printmsg”Usando o“$ (“.printmsg ”)”E chame o jQuery predefinido“slideToggle ()”Método para alternar o texto no botão Clique:

$ (documento).pronto (function ()
$ ("botão").clique (function ()
$ (".printmsg ").slideToggle ();
);
);

Como você pode ver, clicar no botão esconde o texto do parágrafo:

Fornecemos todas as instruções necessárias relevantes para a função $ () em JavaScript.

Conclusão

O "$ ()”A função não é uma função interna no JavaScript. É usado em javascript com o “jQuery"Biblioteca e também é chamado de"seletor de jQuery”Função. É utilizado para selecionar os elementos DOM usando um seletor CSS, como no JavaScript “getElementById ()","getElementsbyclassName ()", ou "getElementByTagName ()”Os métodos são utilizados. Este artigo definiu a funcionalidade e o uso da função $ () em JavaScript.